VWSとは フォーラム Lightning [ 解決済 ] モバイル固定ナビのアイコンサイズ

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

  • このトピックには8件の返信、2人の参加者があり、最後に小林により1ヶ月、 3週前に更新されました。
9件の投稿を表示中 - 1 - 9件目 (全9件中)
  • 投稿者
    投稿
  • #35941

    小林
    参加者

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

    #35942

    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は書き換えないで〜

    #35965

    小林
    参加者

    Vektor,Inc 様

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

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

    #35968

    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;
    }
    #35983

    小林
    参加者

    Vektor,Inc 様

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

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

    #35984

    Vektor,Inc
    キーマスター

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

    #35985

    小林
    参加者

    Vektor,Inc 様

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

    HOME

    #35986

    Vektor,Inc
    キーマスター

    確認しました。

    font-size: 24px !important;

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

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

    #36003

    小林
    参加者

    Vektor,Inc 様

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

9件の投稿を表示中 - 1 - 9件目 (全9件中)
  • このトピックに返信するにはログインが必要です。