手机页面不显示 - Joomla

Question

嗨，我正在寻找一些帮助，以了解为什么下面的页面不显示在移动大小屏幕（480px），因为所有其他页面已经建好。

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; 
} 

希望如果有人能建议，真的不能解决这个问题没有出现。

Answer 1

你有display: none上.range_full

更改为阻止，它会显示：

@media (max-width: 480px) { 

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

.range_full { 
    display: block; 
} 

.range_resp { 
    display:block; 
} 

.fullrange_full { 
    display:none; 
}