- このトピックには2件の返信、1人の参加者があり、最後に
により10年、 9ヶ月前に更新されました。
2件の返信スレッドを表示中
-
投稿
-
-
いつもお世話になります。
Simplicityのバブルラップメニューがかっこよくて使っているのですが
ブラウザの横幅が小さくなった時にバブルラップメニューが自動で縦に表示されるのですが
その縦表示を行わないようにしたいのですが、どこをいじればいいのか教えていただけないでしょうか。宜しくお願いします。
-
skin/bubble-wrap-menu/style.css の中に、
@media screen and (max-width: 1110px) { 処理 }と言う部分があります。ここは、最大画面幅が1110pxまでの時の処理ですので、ここを例えば750pxとかにすれば、PCの場合は幅が100%になることはないかと思います。
どのタイミングで幅を変更するかは、メニューの数や幅等によったり、あるいはぞのさんのどのようなデザインを求めるかによるので、ここらは微調整が必要かも知れません。
-
Hidekichiさん
教えていただいてありがとうございます！
まさにそこでした。
ブラウザの幅が小さい時に縦になるとスクロールせずにメニューを選べるのはいいのですが画面が崩れたように見えてしまうためあまり縦表示したくなかったんですよ。ほんとは、↓のように幅が狭くなると２段になるような表示にしたかったんですがあまり知識がないものでとりあえず、縦になるのを抑止できればと思ってました。
http://cssmenumaker.com/menu/bubble-wrap-horizontal-menu-barありがとうございました。
-
2件の返信スレッドを表示中
- トピック「バブルラップメニューの縦表示を行わない方法を教えてください」には新しい返信をつけることはできません。