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

TCDテーマTree:メガメニューAの項目を4つ並びで表示させる方法

WordPressテーマ「NULL」

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

ダウンロード

Q.メガメニューAに4つのメニューをスクロールさせずに表示したいです。

TCD LABO

デモサイトのような飲食店サイトに利用する場合、「Breakfast」「Lunch」「Dinner」「Drink」とちょうど4つ表示できたらいいのに…となりそうですね。

▼変更後のイメージ  →変更前:Treeデモサイト
変更後のイメージ

A.下記の方法でカスタマイズしてください。

・4つ並びで表示する

編集するファイル: functions/head.php
編集する箇所: 1222行目付近

slidesToShow: 3,

slidesToShow: 4,

・左右アローを非表示にする

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

.megamenu_menu_list .carousel_arrow {
    display: none; }

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

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

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