WordPress Twenty Twelveのmenuボタンの幅を長くする方法

Question

wordpressのテーマTwenty Twelveのmenuボタンの幅を長くしたいです。
調べていたら、参考にしたサイトが出てきました。このサイトようなmenuボタンを作りたいのですが、サイトのcssのコードを一つ一つ見るとmenuボタンを長くするようなコードがありません。
自分で考えたのですが

.main-navigation ul.nav-menu.toggled-on,
.menu-toggle {
width: 100%;
}

のコードではダメでした。
サイトのようなmenuボタンみたいを作りには具体的に何を補足するとなりますか?

Comments

[Lhankor_Mhy]

https://wp-themes.com/twentytwelve/ でテストしてみたところ、ボタンが長くなりましたので、そのコードで問題なく動作すると思います。

Answer 1

WordPressのテーマ「Twenty Twelve」を使用している場合は、

.menu-toggle {
   width: 100%;
}

で、Menuボタンの幅を広くすることができます。

これをstyle.cssに書いてうまくいかない場合は、
ブラウザのキャッシュが残っている可能性があるので、キャッシュを無視してのリロード(Google ChromeならShift+F5)などを試してください。

それでも駄目な場合は、追加したスタイルを何らかのスタイルが上書きしている可能性があるため、ブラウザの開発者ツール(デベロッパーツール)を使用して、上書きしているスタイルが存在しないか確認してください。