モバイルの見出しタグの文字サイズ

Simplicityの特徴 フォーラム Simplicityについての質問 モバイルの見出しタグの文字サイズ

このトピックには4件の返信が含まれ、1人の参加者がいます。5 ヶ月前 ふくまい さんが最後の更新を行いました。

  • 投稿者
    投稿
  • #59963

    ふくまい

    お世話になっております。

    見出しタグの文字サイズ(※article h2 h3 h4)ですが、PCで見るとサイズが”h2は26px”で、”h3は23px”で、”h4は20px”になっているようですが、モバイルだとh2もh3もh4も同じサイズになっています。

    もう3年simplicityさんで運営してきましたが、モバイルのh3の文字サイズが大きいなと思って変更しようとして気がつきました。

    今、子テーマ側でサイズの指定はしていません。

    念のためサイトURLをお伝えしておきます。
    https://guam-bu.com

    すみませんが、よろしくお願いいたします。

  • #59964

    ふくまい

    質問者です。肝心の質問を書いていませんでした。

    文字サイズが変更されないので、mobile.cssやresponsive.cssなどに書いてみたり
    色々試してみたのですが、うまく反映されませんでした。
    キャッシュも消しています。

    そもそも何か勘違いをしているのでしょうか・・。

    お手数をおかけしますがご教授頂きたく。
    よろしくお願いいたします。

  • #59967

    Akira

    子テーマの syle.css に、下記の CSS を追加すると変更できます。

    @media screen and (max-width: 639px) {
      .article h3 {
        font-size: 18px;
      }
      .article h4 {
        font-size: 16px;
      }
    }
  • #59969

    Akira

    子テーマの javascript.js に追加されている jQuery が読み込まれずエラーが出ています。

    原因は $ を使われているため。 WordPress では、 $ をそのまま使えません。

    下記のように書き換えた後、デベロッパーツールでエラーが出ていないかをご確認されるといいように思えます。

    jQuery(document).ready( function($) {
        $('#tabs li a').click( function(e) {
            $('#tabs li, #content .current').removeClass('current').removeClass('fadeInLeft');
            $(this).parent().addClass('current');
            var currentTab = $(this).attr('href');
            $(currentTab).addClass('current fadeInLeft');
            e.preventDefault();
        });
    });
  • #59972

    ふくまい

    早速のご回答ありがとうございます。
    サイズ変更できました。

    また、エラーまでご指摘いただきありがとうございます。
    色々試していた時のものが残っていました。
    (ほったらかしにしていただけ・・・)

    エラーも消えました。
    また何かありましたら相談させて頂きたいと思います。

    この度はありがとうございました。

トピック「モバイルの見出しタグの文字サイズ」への新規返信追加は締め切られています。

スポンサーリンク
アドセンス(大)
アドセンス(大)