NoCodeWeb.jp
FigmaからElementor！丸々一ページ作ってみた

質問:

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ラボに入れば更に多くの質問と回答のログが見れます!

TOFUラボの詳細をチェック

関連した質問

コメントを残す

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

無料テンプレートダウンロード

© 2019-2022 nocodeweb.jp. All rights reserved.

Elementorの無料テンプレートサイト
新規追加されました。

無料のElementorだけで作ったヨガのコミュニティのLPのテンプレート
デモサイトをチェック
X

WordPressの最新情報が
毎週届く無料メールマガジン

DiviやElementorの情報だけでなく、脆弱性が見つかったプラグインやテーマのリストも毎週届きます。セキュリティの強化につながります。 

管理人のナオミが書くメルマガ
海外でエンジニア歴10年以上
DiviとElementorに精通