[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

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

[キタジマ タカシ]

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

♥ 0

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

[SHINTARO0808]

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

♥ 0

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

[キタジマ タカシ]

色などはおいておいて、とりあえず下記の 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

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

[SHINTARO0808]

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

♥ 1

いいねをした人:

[投稿者]

投稿