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

ワードプレステーマ別

TCDテーマSTORY:スマホ閲覧時のヘッダー円形ボタンのタイトル画像のサイズを変更する方法

WordPressテーマ「NULL」

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

ダウンロード

Q.質問内容

管理画面【外観】→【TCDテーマオプション】→【トップページ】→【ヘッダーコンテンツの設定】→「ヘッダー円形ボタンのタイトル画像」ですが、PCでもスマホでも同サイズで表示されるため、スマホで見た際に円形ボタンに入りきりません。スマホの画面サイズに合うようにすることはできますか。
 
▼変更箇所イメージ
変更箇所イメージ

A.管理画面【外観】→【TCDテーマオプション】→【基本設定】→「カスタムCSS」の最下部に下記をコピー&ペーストして表示をお確かめください。

@media only screen and (max-width: 991px) {
.top-slider-logo {
    width: 80%;
}
}

ご希望の表示になるように数値(●%)は変更してください。

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

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

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