「TCD AWARD 2023」受賞サイトを発表しました。

ワードプレステーマ別

TCDテーマICONIC:スマホ表示時のハンバーガーメニューで副項目にインデントを設ける方法

Q.スマホ表示時のハンバーガーメニューで、子メニュー項目を親メニュー項目より少し右にずらして(インデントを設けるように)表示させたいです。

 
▼変更箇所イメージ
変更箇所イメージ

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

TCDテーマ>基本設定のカスタムCSSに入力してください。

@media only screen and (max-width: 991px) {
  .p-global-nav .sub-menu { margin-left: 30px; }
}

※30pxの部分は任意の数値にご変更頂けます。

 
▼変更後のイメージ
変更後のイメージ

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

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

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