移动页面没有显示 - 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;   
}