2017-07-29 57 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

我找不到'range_resp'該網頁上被使用,它是通過JS加? –

回答

0

你有display: none.range_full

更改爲阻止,它會顯示:

@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