ハンバーガーメニューのサイズ等を変更したい

### 発生している問題
#post-95849
の通りCSSに記載してもサイズ等が変更されない

ハンバーガーメニューのカスタマイズについて

このトピックには3件の返信、3人の参加者があり、最後にchokoにより1年、 4ヶ月前に更新されました。 4件…

snow-monkey.2inc.org

 
コピペだとダメですよ。
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;
}

 
↓コメントを残すなら、以下のように修正して追加してみてください。

/* ボタンのサイズ */
.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;
}

♥ 1

いいねをした人: