ちょうど同じテーマを使っていますにゃ。
メニューが入っている要素は div.menu-main-container で、
その子要素として ul#menu-main.nav-menu.toggled-on が入っています。
ですので非表示にしたいなら、一番の親要素である div.menu-main-container に
display:noneをかけるのが効果的だとおもいます。
横並びに変更したいなら、ul#menu-mainにスタイルをつければできると思います。
以下はそのサンプルですにゃ。
CSS
1/* リスト要素をfloatで横に配置する */
2#menu-main {
3 overflow: hidden;
4}
5#menu-main .menu-item {
6 float: left;
7 margin: 1rem .5rem;
8}
CSS
1/* flexboxを使う(実用にはベンダープレフィックスが必要です) */
2#menu-main {
3 display: flex;
4 align-items: center;
5 justify-content: center;
6}
7
8#menu-main .menu-item {
9 margin: 1rem .5rem;
10}
floatやflexboxはくせがあるので、使いやすい方をお使いくださいにゃー。
● ● ● メディアクエリの操作上書きについて ● ● ●
メニューのPC/SPのスタイル変更はメディアクエリでやってあるので、そこを上書きすれば変えられますにゃ。
本家のCSSを直で編集するとバージョンアップしたときに消えてしまうため、外観→CSS編集で行って下さい。
CSS
1/* オリジナルで600pxに指定してあるので0pxにする */
2@media screen and (min-width: 0px) #site-navigation .menu-toggle {
3 display: none;
4}
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。
2017/02/20 08:04
2017/02/20 09:11
2017/02/20 09:34
2017/02/20 10:04
2017/02/20 13:09