4件の投稿を表示中 - 1 - 4件目 (全4件中)
-
投稿者投稿
-
2022年1月11日 1:48 PM #95844
【お使いの Snow Monkey のバージョン】バージョン: 15.18.0
【お使いの Snow Monkey Blocks のバージョン】バージョン 13.7.3
【お使いの Snow Monkey Editor のバージョン】バージョン 6.2.1
【お使いのブラウザ】
【当該サイトのURL】### 実現したいこと
スマホで見た時のハンバーガーメニューの3本線を太く
MENUの文字を大きく、やはり太文字に変更することは可能ですか。1)現在の大きさで3本線を太く、MENUの文字を太くフォントサイズを大きくする
2)三本線+MENU のを一回り大きくする作ったサイトはご年配の方が主に見るそうで、線が細くて見ずらいそうです。
ですので、どちらか実現できる方で対応したいのですが
やり方を教えてください。
よろしくお願い申し上げます。### 発生している問題
### 試したこと
♥ 0いいねをした人: 居ません2022年1月11日 2:00 PM #95849設定にはありませんので CSS でカスタマイズする必要があります(CSS によるカスタマイズはアップデート時に影響が出る可能性があるためご注意ください)。カスタマイザー → 追加 CSS に下記の CSS を追加してみてください。
// ボタンのサイズ .c-hamburger-btn__bars { width: 26px; // 好きなサイズを設定 height: 18px; // バーの太さと位置から計算して設定 } // バーの太さ .c-hamburger-btn__bar { height: 2px; } // 2本目のバーのy位置 .c-hamburger-btn__bar:nth-of-type(2) { top: 8px; } // 3本目のバーのy位置 .c-hamburger-btn__bar:nth-of-type(3) { top: 16px; } // MENU の文字サイズ .c-hamburger-btn__label { font-size: 12px; }
♥ 0いいねをした人: 居ません2022年1月11日 2:01 PM #95850CSSで対応できると思います。
線の太さは
.c-hamburger-btn__bar
、ラベルに関しては.c-hamburger-btn__label
でカスタマイズ可能だと思うのでご確認ください。♥ 0いいねをした人: 居ません2022年1月11日 4:44 PM #95861 -
投稿者投稿
4件の投稿を表示中 - 1 - 4件目 (全4件中)
- トピック「ハンバーガーメニューのカスタマイズについて」には新しい返信をつけることはできません。