TCDテーマKASHIRA：固定ページのタイトル表示位置をスマホで変更する方法

Q.スマホでページタイトルが中央に表示されますが、右端に移動できますか？

例えば人物の顔など、画像の重要な部分と被るなどの理由でタイトルの表示位置を変更したい場合があるかもしれません。その場合はCSSで調整してください。

▼変更前イメージ

A.当該ページ編集画面のカスタムCSSに以下を記述し、調整してください。

@media (max-width: 1200px) {
  #page_header .title_area {
    left: auto !important;
    right: 0 !important;
    transform: none !important;
  }
}

▼変更後イメージ

もし左端に移動したいという場合は、以下をカスタムCSSに記述してください。

@media (max-width: 1200px) {
  #page_header .title_area {
    left: 0 !important;
    right: auto !important;
    transform: none !important;
  }
}

カスタムCSSについては、以下記事もご覧ください。

TCDテーマ独自機能「カスタムCSS」の使用方法 – ワードプレステーマTCD

TCDテーマには、テーマファイルを編集することなく、任意のスタイルを追加できる「カスタムCSS機能」が実装されています。当記事では、カスタムCSSの使い方について紹介していきます。