モバイル版でヘッダーにあるメニューボタンを消したい

PR 2016/8/18

このトピックには7件の返信、2人の参加者があり、最後にシンにより10年、 2ヶ月前に更新されました。

7件の返信スレッドを表示中

投稿者

投稿
- 2016年8月18日 4:47 PM #44461
  
  シン
  ゲスト
  
  メニューボタン（グローバルナビ）についてなんですが、pc版は表示したままにしたいのですがモバイル版は削除したくヘッダーにあるメニューボタンを消したいです！
  
  この場合、cssにどのように書き込めばいいのでしょうか？
- 2016年8月18日 6:11 PM #44467
  
  わいひら
  キーマスター
  
  完全レスポンシブ機能が有効ならば、mobile.cssにグローバルナビを非表示にするCSSを、有効ならばresponsive.cssにスタイルを書けばいけるかと思います。
  display－スタイルシートリファレンス
- 2016年8月18日 8:11 PM #44472
  
  hidekichi
  ゲスト
  
  わいひらさん、どっちも完全レスポンシブが有効になってます（笑）
  
  > シンさん
  わいひらさんの「完全レスポンシブの前者はoffならば」です。
- 2016年8月19日 5:33 PM #44491
  
  シン
  ゲスト
  
  わいひらさん、hidekichiさん、返信ありがとうございます。
  
  大変申し訳ないのですがもしよろしければ具体的なコードを教えていただけないでしょうか？
  
  ただいま、cssに関して勉強してるのですがまだよくわかからない状態です。
  
  かなりの頻度で質問しているとは思うのですが、いつも親切に答えてくださってありがとうございます。
- 2016年8月19日 8:09 PM #44503
  わいひら
  キーマスター
  あら、間違えてましたね；
  
  mobile.cssか、responsive.cssに以下のように書けばいけるのではないかと思います。
```
#navi{
	display:none;
}
```
- 2016年8月19日 8:30 PM #44505
  
  シン
  ゲスト
  
  わいひらさん、返信ありがとうございます。
  
  その方法で試したらモバイルでスライドはしなくなりましたが、まだヘッダーの右上に横線が3本入ったメニューボタンが残っています。
  
  どうすれば良いでしょうか？
- 2016年8月19日 8:57 PM #44510
  わいひら
  キーマスター
  設定がデフォルトなら、こんな感じで良いのかも。
```
#navi,
#mobile-menu{
  display:none;
}
```
  これでうまくいかない場合は、設定状態も見たいのでサイトのURLを掲載してください。
  
  もし次回、カスタマイズの質問がある場合には、設定状態も関係してくるので、できればサイトのURLも掲載していただけると助かります。
- 2016年8月20日 6:33 PM #44564
  
  シン
  ゲスト
  
  わいひらさん、ありがとうございます！
  
  無事にできました。
投稿者

投稿

7件の返信スレッドを表示中

このトピックに返信するにはログインが必要です。