スマホ時の下部メニュー文字を大きくしたい

0
いいねをした人: 居ません
15件の投稿を表示中 - 1 - 15件目 (全17件中)
  • 投稿者
    投稿
  • #83122
    稲妻哲郎
    閲覧者
    6

    【お使いの Snow Monkey のバージョン】14.3.5

    【お使いの Snow Monkey Blocks のバージョン】11.4.1

    【お使いの Snow Monkey Editor のバージョン】5.0.6

    【お使いのブラウザ】クローム
    【当該サイトのURL】

    ### 実現したいこと

    スマホ時の下部メニュー文字を大きくしたい、

    もしくは2列にしてバランス良く文字を見やすくしたい

    ### 発生している問題

    文字が大きくならない

    ### 試したこと

    クラスを当てたが反応しない

    どうぞよろしくお願い致します。

    0
    いいねをした人: 居ません
    #83162
    GONSY
    参加者
    841

    稲妻哲郎さん、こんにちは。

    ### 試したこと
    クラスを当てたが反応しない

    こちらはどのようにクラスを当てたか教えてください。

    ### 実現したいこと
    スマホ時の下部メニュー文字を大きくしたい、
    もしくは2列にしてバランス良く文字を見やすくしたい

    2列にしてバランス良く文字を見やすくしたいとのことですが、バランスの良さ、見やすさは個人差があるため、仕上がりのイメージ(デザインの画像)を添えていただいたほうが回答が得られやすいと思いますので、ぜひお願いします。

    0
    いいねをした人: 居ません
    #83163
    稲妻哲郎
    閲覧者
    6
    @media (max-width:768px) {
      .c-navbar__item {
        font-size:20px;
      }
    }

    でございます。

    文字の大きさを変更したいです。
    よろしくお願い致します。

    0
    いいねをした人: 居ません
    #83166
    GONSY
    参加者
    841

    .c-sub-navにするとどうでしょうか?

    0
    いいねをした人: 居ません
    #83173
    稲妻哲郎
    閲覧者
    6

    変化ございませんでした。

    0
    いいねをした人: 居ません
    #83177
    GONSY
    参加者
    841

    !important入れてもダメですか?

    0
    いいねをした人: 居ません
    #83184
    稲妻哲郎
    閲覧者
    6

    以下一つずつ試しましたが、変化ございませんでした。

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

    @media (max-width:768px) {
      .c-navbar__item {
        font-size:30px !important;
      }
    }
    @media (max-width:768px) {
      .c-sub-nav {
        font-size:30px !important;
      }
    }
    @media (max-width:768px) {
      .c-navbar__item .c-sub-nav {
        font-size:30px !important;
      }
    }
    0
    いいねをした人: 居ません
    #83185
    GONSY
    参加者
    841

    該当サイトのURLを教えてください。

    0
    いいねをした人: 居ません
    #83198
    稲妻哲郎
    閲覧者
    6

    お願い致します。

    0
    いいねをした人: 居ません
    #83202
    GONSY
    参加者
    841

    ご提示ありがとうございます。
    追加CSSで書かれているCSSに全角スペース(赤いハイライト部)が入っています。
    こちらを取り除いてみてください。

    2
    いいねをした人:
    #83217
    稲妻哲郎
    閲覧者
    6

    すいません。変わりませんでした。

    0
    いいねをした人: 居ません
    #83222
    しらこ
    参加者
    26

    横から失礼します。

    今度は、2つ全角スペースが入ってしまって(むしろ、先ほどのものよりも全角スペースが増えています。.c-suv-navの直後と、font-size:の直後の2箇所)、おそらくこの影響で反映されていないものと思われます。

    全角スペースを、半角スペースに置き換えていただけないでしょうか?

    1
    いいねをした人:
    #83233
    稲妻哲郎
    閲覧者
    6

    まだ何も触っていない状態ですが、仰る箇所は

    半角で入力されております。

    0
    いいねをした人: 居ません
    #83236
    GONSY
    参加者
    841
    #83242
    稲妻哲郎
    閲覧者
    6

    下記コードを貼り直しましたが、やはり変化がございません。

    0
    いいねをした人: 居ません
15件の投稿を表示中 - 1 - 15件目 (全17件中)
  • トピック「スマホ時の下部メニュー文字を大きくしたい」には新しい返信をつけることはできません。

ドキュメント

Snow Monkey の設定方法やマニュアルを掲載しています。

ドキュメント

フォーラム

Snow Monkey の使い方やカスタマイズについてのご質問・ご要望等はサポートフォーラムで行っています。サポートフォーラムは誰でも閲覧できますが、書き込みできるのは Snow Monkey 購入者のみとなります。

サポートフォーラム

よくあるご質問

Snow Monkey のサービスについて不明な点がある場合は、まずはよくあるご質問をご確認ください。

よくあるご質問

お問い合わせ

よくあるご質問を見ても解決しなかった場合、試用版の申請については問い合わせフォームからお願いいたします。

お問い合わせ

Snow Monkey は Gutenberg ブロックエディターに対応した 100%GPL の WordPress テーマです。拡張性を意識した開発をおこなっており、カスタマイザーとブロックでスピーディーにサイトを立ち上げるだけでなく、CSS やフックを駆使した高度なカスタマイズにも柔軟に対応できます。