レスポンシブで幅を狭くした時の表示で、ヘッダーメニューを消したい

Question

レスポンシブで、ヘッダ？ のメニューが消えず困っています。

http://you-k.net/site/iseya/index.html
こちらのサイトなのですが、
まだ作り途中で、テンプレートを拾ってきてカスタマイズしていたのですが、

レスポンシブ？ で幅を狭くした時に、ヘッダーのメニューを消したいのですが、
消えずに困っております。

助言頂けますと幸いです。
よろしくお願いいたします。

Comments

[yuki84web]

試したコード(htmlやcss)を書いてください

[nullbot]

真っ黒になって消えましたよ？

Answer 1

幅が737pxを切ると出て来る黒いメニューがあったと思われるバーのことでしょうか

これはメイン要素が入ってるdiv#page-wrapperにpadding-topが
44px入ってることにより背景色が見えてるということです。

なのでmain.css:3741を消すかコメントアウト消すことで消えます
しかしその分一つ目の要素の高さが足りなくなるので

/*padding-top: 44px !important;*/

main.css:3709とmain.css:3713のcalc文で引かれてる44pxを消すことで解決できます(calc(100vh - 44px)となっているのを100vhとします)

min-height: 100vh;
height: 100vh;