2016-11-22 2 views
-2

私はWPウェブサイトを実行しています。テーマについては、デスクトップとモバイルサイトがレスポンシブ私がウェブサイトhttp://masalastrabane.com/をモバイルブラウザから訪問すると、ウェブサイトのデザインは完全に悪化します。ウェブサイトでメディアクエリをセットアップしましたが、モバイルで表示するとサイトCSSが悪化して変化します

ここで間違っていることを教えてください。デスクトップにアクセスしたり、デスクトップの表示をクリックすると、適切なモバイル対応スタイルが表示されます。

答えて

0

Safariでサイトを開いている場合は、メニューバーから[開発]> [ユーザーエージェント]> [Safari - iOS 10 - iPhone]を選択すると、サイトが電話で表示され、問題を点検して遊ぶ。私がそれを調べると、正常なビューと動作しているビューの違いは、<body>.mobile-themeに追加されたクラスです。私の推測では、これはあなたの全体的なWordpressのラッパーに組み込まれ、カスタムテーマに追加されているので、余分なビットが追加されなくなる可能性があります。

+0

ご回答いただきありがとうございます。CSSファイル内のクラスは表示されませんが、どこから削除できますか?私はChromeから検査することができ、追加のボディクラスを見ることができます。 – Doms6612

+0

あなたのCSSファイルにはありません。 Wordpressのあなたの設定のどこかに、クラスが追加されているので、そこを見て、それを行うオプションがあるかどうかを調べる必要があります。ハッキーな解決策は、 '.mobile-theme'クラスで追加されたものすべてを調べて、それらをすべて否定する新しいCSS値でCSSに追加することです。 – AnnieP

関連する問題