[choko]

【お使いの 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

いいねをした人: 居ません

[キタジマ タカシ]

設定にはありませんので 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

いいねをした人: 居ません

[Olein_jp]

CSSで対応できると思います。

線の太さは .c-hamburger-btn__bar、ラベルに関しては .c-hamburger-btn__label でカスタマイズ可能だと思うのでご確認ください。

♥ 0

いいねをした人: 居ません

[choko]

いつもありがとうございます！！

大きく見やすくなりました＾＾助かりました。
これくらいの大きさだと存在感があっていいですね。

♥ 1

いいねをした人:

[投稿者]

投稿