0
1つで3つの質問があります。固定されたナビゲーションバー（上に）、ヘッダーを取り除き、ロゴで家に交換してください
まず、ナビゲーションバーを上に固定するためにコードを調整する必要がある場所と場所を知りたいと思っています（下にスクロールすると上部に表示されます）。
第2に、ホームタブをロゴ（Navバーの左側にあり、Nav-Barに適合する）で置き換えるにはどうすればよいですか？
最後に、私はウェブサイトの応答性の完全性を損なうことなく、ヘッダーを取り除きたいと思います。簡単な解決策は、「隠された」を追加することだと思われるので、それはなるでしょう。つまり、nav-barのテキストアライメントが残っています。その他のソリューション？主な目的は、ナビゲーションバーを上部に固定することです。前もって感謝します ：）。
HTML
<body>
<div id="page-wrapper">
<!-- Header -->
<div id="header">
<!-- Logo -->
<h1><a href="index.html" id="logo">Company Name</a></h1>
<!-- Nav -->
<nav id="nav">
<ul>
<li class="current"><a href="index.html">Home</a></li>
<li>
<a href="#">Dropdown</a>
<ul>
<li><a href="#">Lorem dolor</a></li>
<li><a href="#">Magna phasellus</a></li>
<li><a href="#">Etiam sed tempus</a></li>
<li>
<a href="#">Submenu</a>
<ul>
<li><a href="#">Lorem dolor</a></li>
<li><a href="#">Phasellus magna</a></li>
<li><a href="#">Magna phasellus</a></li>
<li><a href="#">Etiam nisl</a></li>
<li><a href="#">Veroeros feugiat</a></li>
</ul>
</li>
<li><a href="#">Veroeros feugiat</a></li>
</ul>
</li>
<li><a href="left-sidebar.html">Left Sidebar</a></li>
<li><a href="right-sidebar.html">Right Sidebar</a></li>
<li><a href="two-sidebar.html">Two Sidebar</a></li>
<li><a href="no-sidebar.html">No Sidebar</a></li>
</ul>
</nav>
</div>
CSS
/* Header */
#header {
text-align: center;
padding: 0 0 0 0;
background-color: #fff;
background-repeat: no-repeat, no-repeat, repeat;
}
#header h1 {
padding: 0 0 0 0;
margin: 0;
}
#header h1 a {
font-size: 1.5em;
letter-spacing: -0.025em;
border: 0;
}
#nav {
text-align: center;
cursor: default;
background-color: #FFFFFF;
padding: 0;
}
#nav:after {
content: '';
display: block;
width: 100%;
height: 0.75em;
background-color: #37c0fb;
background-image: url("images/bg01.png");
}
#nav > ul {
margin: 0;
}
#nav > ul > li {
position: relative;
display: inline-block;
margin-left: 1em;
}
#nav > ul > li a {
color: #c0c0c0;
text-decoration: none;
border: 0;
display: block;
padding: 1.5em 0.5em 1.35em 0.5em;
}
#nav > ul > li:first-child {
margin-left: 0;
}
#nav > ul > li:hover a {
color: #fff;
}
#nav > ul > li.current {
font-weight: 600;
}
#nav > ul > li.current:before {
-moz-transform: rotateZ(45deg);
-webkit-transform: rotateZ(45deg);
-ms-transform: rotateZ(45deg);
transform: rotateZ(45deg);
width: 0.75em;
height: 0.75em;
content: '';
display: block;
position: absolute;
bottom: -0.5em;
left: 50%;
margin-left: -0.375em;
background-color: #37c0fb;
}
#nav > ul > li.current a {
color: #c0c0c0;
}
#nav > ul > li.active a {
color: #fff;
}
#nav > ul > li.active.current:before {
opacity: 0;
}
#nav > ul > li > ul {
display: none;
}
#page-wrapper {
-moz-backface-visibility: hidden;
-webkit-backface-visibility: hidden;
-ms-backface-visibility: hidden;
backface-visibility: hidden;
-moz-transition: -moz-transform 0.5s ease;
-webkit-transition: -webkit-transform 0.5s ease;
-ms-transition: -ms-transform 0.5s ease;
transition: transform 0.5s ease;
padding-bottom: 1px;
padding-top: 44px;
}
body.navPanel-visible #page-wrapper {
-moz-transform: translateX(275px);
-webkit-transform: translateX(275px);
-ms-transform: translateX(275px);
transform: translateX(275px);
}
現在のサイトのライブバージョンは、上の閲覧可能です： 絶対または固定するためにCSSのnav位置を設定しての1つを変更http://heliossol.000webhostapp.com