WordPressテーマSANGOの質問

スマホ表示の際のヘッダー内ロゴを左寄せ、ハンバーガーメニューを右寄せにしたい

東山

2020/02/23

いつもお世話になっております。
質問させていただきます。
モバイル表示にて
・ヘッダー内ロゴを「左寄せ」
・ヘッダー内ハンバーガーメニューを「右寄せ」
にしたいのですが、どのようにカスタムしたらいいのかをご教授いただければと思います。
よろしくおねがいします。

コメントへの回答

サルワカくん

2020/02/24

あまりおすすめしませんが…。
現バージョン（v2.0.3）であれば、以下のCSSをダッシュボードの［外観］⇒［カスタマイズ］⇒［追加CSS］に貼り付ければOKだと思います。

.header-logo__link {
    float: left;
}
/* ハンバーガーメニューを右に */
#drawer__open {
    left: auto;
    right: 0;
}

ただし、今後のアップデートで崩れる可能性ありです。それでもよければカスタマイズされるのが良いと思います。
なお、ハンバーガーメニューが検索アイコンとかぶってしまわないように、外観⇒カスタマイズ⇒詳細設定の「モバイルのヘッダー検索ボタンを非表示にする」にチェックを入れる必要があります。

よろしくお願いします。