【WordPress】スマホ表示時のメニューアイコン左寄せする方法

自分がこの設定を行った状態は下記のような感じです。
もしかしたらバージョンによって多少異なる可能性はあります。

  • WordPressのバージョン5.2.2
  • テーマはStartMagazine

このテーマでスマホの画面を表示した際にメニューアイコンが中央にあって違和感を感じました。

これ左寄せにしたほうが良いなと思い調べて、試行錯誤したらできたので忘れないうちにまとめておこうと思います。

結論からまとめると設定は超簡単でした。

/wp-content/themes/start-magazine/style.css

↑↑このファイルを少し修正するだけでいけました。

※修正する前にこのファイルをバックアップとっておくことをおすすめします。

(例)
/wp-content/themes/start-magazine/style.css,20190707

 

 

 

修正方法

テーマエディタからスタイルシートを選択

一番最後に下記を追加


.fa-list-ul{
  float: left;
}

見事左に持ってくることができました。

いろいろ調べて下記のファイルとか修正しましたがうまく設定できなかったです。

/wp-content/themes/start-magazine/vendors/font-awesome/css/all.min.css

最終的にこんな感じになりました。

コメントを残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です