[SHINTARO0808]

【お使いの Snow Monkey のバージョン】25.2.6
【お使いの Snow Monkey Blocks のバージョン】20.3.5
【お使いの Snow Monkey Editor のバージョン】
【お使いのブラウザ】Chrome

東京・神戸小顔カレッジ

koube-kogao.com

### 実現したいこと
ハンバーガーメニューの大きさを縦横比維持して調整したいです

### 発生している問題・試したこと

.c-hamburger-btn__bars {
  width: 60px !important;
  height:24px !important;
}
.c-hamburger-btn__bar {
  height: 2px;
}

.c-hamburger-btn__bar:nth-of-type(2) {
  top: 8px;
}
.c-hamburger-btn__bar:nth-of-type(3) {
  top: 16px;
}
.c-hamburger-btn__label {
  font-size: 14px !important;
}

こちらのコードをいじることでできるのはわかるのですが、いじっても縦だけ長くなったり、横だけ伸びたりしてうまくいきません、どなたかハンバーガーメニューの大きさを縦横比維持して大きくする方法をご教授いただけると幸いです！

♥ 0

Who liked: No user

[キタジマ タカシ]

ここは特に設定などがないので、地道に CSS で上書きするしかないですね…。何px x 何px で、バーの太さが何px のボタンにしたいのでしょうか？

♥ 0

Who liked: No user

[SHINTARO0808]

そうですよね、横50px縦40にしたいです！単純に高さと横を変えてもうまく調整できず悩んでいます！

♥ 0

Who liked: No user

[キタジマ タカシ]

色などはおいておいて、とりあえず下記の CSS で 50×40 になるかなと思います。試してみてください！

.c-hamburger-btn__bars {
  height: 40px;
  width: 50px;
}

.c-hamburger-btn__bar:nth-of-type(2) {
  top: 20px;
}

.c-hamburger-btn__bar:nth-of-type(3) {
  top: 40px;
}

♥ 0

Who liked: No user

[SHINTARO0808]

ありがとうございます！できました！

♥ 1

Who liked:

[投稿者]

投稿