質問:

Elementor のNav Menuウィジェットのハンバーガーメニューに「MENU」というテキストを追加したい

ElementorのNav Menuウィジェットを使って作成したハンバーガーメニューに画像のように「MENU」というテキストを表示したくてcssを追加したのですが、うまくいきません。解決方法はありますか?

回答:

下記のコードで実現できました

/* CSSクラスに設定 */

menu-text

/* CSS */

.menu-text .elementor-menu-toggle:before {

position: absolute;

content: “MENU”;

font-size: 10px;

padding-bottom: 30px;

}

.eicon-menu-bar {

padding-top: 7px;

}

.menu-text .elementor-menu-toggle {

padding-bottom: 5px;

}

.menu-textのpaddingの数字をいじると文字の位置が移動します。

TOFUラボに入れば更に多くの質問と回答のログが見れます!

関連した質問

コメントを残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です