[ 解決済 ] モバイル固定ナビのアイコンサイズ

[小林]

モバイル固定ナビのアイコンサイズが小さくて見づらいのですが、大きくすることは可能でしょうか？

[Vektor,Inc]

こんな感じでしょうか?

.mobile-fix-nav .mobile-fix-nav-menu li .vk-mobile-nav-menu-btn i,
.mobile-fix-nav .mobile-fix-nav-menu li a i{
	font-size:28px;
}

全てのWordPressテーマで使える！デザインをピンポイントで変更する方法 〜親テーマのCSSは書き換えないで〜

[小林]

Vektor,Inc　様

返答ありがとうございます
カスタマイズの追加ＣＳＳに記載しましたが変化なしでした

使用しているバージョンは以下の通りです。
wordpress5.4
Lightning　Pro　4.3.5

[Vektor,Inc]

おや…？
おかしいですね…ちゃんと僕の環境だと効いているのですが…

FontAwesome の設定を SVGにしていますか？
それを踏まえると下記にしないと効かないと思います。

.mobile-fix-nav .mobile-fix-nav-menu li .vk-mobile-nav-menu-btn i,
.mobile-fix-nav .mobile-fix-nav-menu li .vk-mobile-nav-menu-btn svg,
.mobile-fix-nav .mobile-fix-nav-menu li a i,
.mobile-fix-nav .mobile-fix-nav-menu li a svg {
		font-size:28px;
}

[小林]

Vektor,Inc　様

お返事ありがとうございます
Font Awesome は　5 Web Fonts with CSS です
記載の追加ＣＳＳも入力しましたが変化なしでした

無知で申し訳ないのですが。何を確認すればよいか教えて頂けないでしょうか？

[Vektor,Inc]

該当URLは記載できませんか？
CSSとしては上記で正常に動作するので、該当サイトを見ないとちょっと原因がわからない状態です。

[小林]

Vektor,Inc　様

該当ＵＲＬは以下の通りです。
お手数おかけして申し訳ありません。

HOME

[Vektor,Inc]

確認しました。

font-size: 24px !important;

のように後ろに !important を追加してみてください。

よろしくお願いいたします。

[小林]

Vektor,Inc 様

教えて頂いた方法で解決致しました
ご丁寧にありがとうございました

[投稿者]

投稿