2017-07-29 10 views
0

こんにちは私はいくつかの助けを借りて、次のページがモバイルサイズの画面(480px)に表示されない理由を理解しています。モバイルページが表示されません - Joomla

http://leicesterbakery.co.uk/index.php/product

私は、モバイルとデスクトップ何を示しているに表示される内容を制御するために、メディアクエリ内の以下のスタイルを持つモジュールクラスサフィックスを持っています。

(media query with max-width: 480px) 
.range_full { 
    display: none; 
} 

.range_resp { 
    display: block; 
} 

Normal CSS file 
.range_full { 
    display: block; 
} 

.range_resp { 
    display: none; 
} 

誰かが本当に気にすることができないことをアドバイスできれば分かりますか?

+0

は、それはJSで追加されましたか? –

答えて

0

あなたはそれをブロックすると、それが表示されますdisplay: none

.range_full上の変更があります:私は `range_resp`は、そのページ上で使用されて見つけることができません

@media (max-width: 480px) { 

/***** BASIC LAYOUT *****/ 

.range_full { 
    display: block; 
} 

.range_resp { 
    display:block; 
} 

.fullrange_full { 
    display:none; 
} 
+0

私はそれを試みましたが、まだページに表示されません.. – user3191160

+0

ありがとうdavw、それは奇妙なことを動作しますあなたがこのページを選択すると、http://leicesterbakery.co.uk/index.php/product/pitta-bread range_respを全画面として追加しました.range_fullはnullに設定されていますが、モバイル版ではrange_respを使用し、すべてのページでこれを処理します。 – user3191160

+0

@ user3191160答えがうまくいけば、 – davvv

関連する問題