【Macchiato】モバイル表示の際に文字が大きくなってっしまう

[修一]

お世話になります。

下記のページの下の方にいくと６つのリンクテキストがあるのですが、モバイル表示するといきなり文字が大きくなってしまって、cssをいくら上書きしても反映されません。
http://www.proud-web.com/service/page-10/page-120/

【html】
<pre class=”lang:default decode:true ” title=”html” ><div id=”hikari_mobile”>
[flexbox alignh=”center”]

[flexitem]
IP通信網サービス契約約款
[/flexitem]

[flexitem]
音声利用IP通信網サービス契約約款
[/flexitem]

[flexitem]
リモートサポートサービス利用規約
[/flexitem]

[flexitem]
端末設備貸出サービスに係る利用規約
[/flexitem]

[flexitem]
重要事項説明書プラウド光poweredbyTG光
[/flexitem]

[flexitem]
重要事項説明書プラウド光poweredbyTG光電話
[/flexitem]
[/flexbox]
</div>

【css】
#dpcustomtextwidget-43 #hikari_mobile {
font-size: 10% !important;
}

.page-id-120 .mb-theme .widget-box {
font-size: 10% !important;
}

上記あたりを色々試してもダメでした。
ご教授願えたら助かります。

併せてアイキャッチ画像の下に余白できていてこちらも色々とcssを上書きしてもダメでした。

【css】

.page-id-120 .ct-hd {
height: 0 !important;
}

上記などを色々試しましたが、ダメでした。

併せてご教授願えれば助かります。

[DigiPress サポート]

「基本フォント設定」の「モバイルテーマ用フォントサイズ」の設定値を見なおして下さい。
※14emとなっており、 この指定ではかなり大きなフォントサイズです。em と pxでは単位が異なります。

[修一]

ありがとうございます。

モバイル表示がなにもしてないのにcssが崩れて閉まっています。
何が原因なのでしょうか？アップデートなど行いましたか？

特にアイキャッチ画像の下の余白がほぼ全てのページで見られます。

height: 63emなんて指定してないのですが、どうしたら治るのでしょうか？

[修一]

おそらく
@media screen and (max-width: 480px)
内のcssが効いてません。
お心あたりはございますでしょうか？

[修一]

なぜかメディアクエリの } が飛んでました。。
一応は収束ということで。

[投稿者]

投稿