navbar
モバイル版のリンクのボタンとして「menu-icon」を使用しています。デスクトップバージョンに問題があります。ボタンを非表示にする方法がわかりませんか?
<div class="drp"> //the all navigation bar from mobile version
<button id="menu-icon"></button> //links button for mobile version
<div class="drp-cont"> //that is for navigation links from mobile version
<nav>
<ul>
<li><a href="games.html">Games</a></li>
<li><a href="#footer" class="con">Contact</a></li>
<li><a href="#" class="sh">Shop</a></li>
<li><a href="#" class="active">Home</a></li>
</ul>
</nav>
</div>
あなただけの割り当てdisplay:none;
にid="menu-icon"
し、ブロックに表示を変更するdisplay:block;
にはid="menu-icon"
以下のようなメディアクエリを使用してモバイルデバイスに
#menu-icon{
display:none;
}
@media (min-width:728px) {
#menu-icon{
display:block;
}
}
この記事はインターネットから収集されたものであり、転載の際にはソースを示してください。
侵害の場合は、連絡してください[email protected]
コメントを追加