ホテル・結婚式場などのホームページがつくれるエレガントなデザインのテンプレート「CANON」

ワードプレステーマ別

TCDテーマRIKYU:スマホ表示時フッターにSNSアイコンを表示する方法

WordPressテーマ「NULL」

TCD LABOはWordPressテーマ「NULL」を使用して作られています。

ダウンロード

Q.スマホ表示時にドロワーメニュー内だけでなくフッターにもSNSアイコン表示させたいです。

RIKYUのPC表示ではフッターに各SNSへアイコンリンクを表示できますが、スマホ表示時にはドロワーメニュー内にSNSアイコンが表示される仕様です。

A.下記の方法でご対応ください。

TCDテーマ>基本設定のカスタムCSSに以下を入力します。

@media (max-width: 599px) {
  .l-footer__sns-icons {
    display: block !important;
    width: 200px; }
}

補足)
・SNSアイコンのリンク先はTCDテーマ > SNS > SNSアイコン > アイコンURLから設定します。
・表示スペースの都合上、あまり多くのSNSアイコンを表示させることには適しません。ロゴとのバランスも考えながら表示を検討してください。
・より目立たせたいリンクはスマホフッターバーの活用もご検討ください。

<変更後のイメージ>
変更後のイメージ

この記事は役に立ちましたか?

もし参考になりましたら、下のボタンで教えてください。
今後の記事作成の参考とさせて頂きます!

同じテーマのカスタマイズ記事