部長ナビのページはApple製品のレビューを中心としたブログです。ドラマ仕立ての長期連載も見てね!

Simplicityのモバイル(スマホ)表示で、タイトルロゴをセンタリング(中央揃え)する方法

こんにちは。部長ナビ(@nabi_1080)です

当ブログは、無料テーマ「Simplicity」を使っております。今日もカスタマイズ、行ってみよう!

Simplicity 2.2.4にアップデートして、モバイルの表示も色々いじったら、なんかロゴが左に寄ってた

image

ほら。タイトルロゴ、わかります?

左に寄ってるのよ。これ。アレ?って思ったんだけど、今までは「メニューボタン」が右上にあったので、そのために左寄せになってたんだね

でも、グローバルメニューは「表示しない」という選択をしたので、タイトルロゴが左に寄ってますというご指摘を沢山いただきました。

よし、じゃあ、直してみるかと言うことで頑張ったらできたので、ご報告

タイトルはあったけど、「タイトルロゴ」はなかったので、何とか工夫してやってみたらできた

/* タイトルロゴ中央寄せ・モバイル */
#header .alignleft {
    text-align: center;
}

#h-top #site-title a{
  margin-right: 0 !important;
}

#header .alignright {
    display: none;
}

↑コレを、子テーマの「mobile.css」に入れてください。style.cssじゃないよ。間違えないでね

すると、こうなる

image

イエーイ。センタリング!

なお、現在は、あまりにも質問の多い「with P」は外して表示しております。色々ありまして、すぐには外せませんので、昨日1日かかりましたが何とか外しました。これで、質問が減りますね・・・。よかった・・・。

こんにちは。WordPressテーマ「Simplicity」大好きの部長ナビ(@nabi_1080)です。日々カスタマイズ頑張っております! 今回、非常に問い合わせの多い「Sim

↑gori.me風表型カテゴリ一覧をPCでは採用しているので、タイトルロゴは左寄せ、モバイルは別に何も無いので、センタリングということです。

調べても出てこなかったので、一応記事にしてみました。レッツカスタマイズ!

フォロー購読方法について >

関連記事もっと記事を読む >

  1. Home >
  2. ブログ管理 >
  3. Simplicity >