css - 移动页面未显示 - 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

您在 .range_full 上有一个 display: none

把它改成block，就会显示:

@media (max-width: 480px) {

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

.range_full {
    display: block;
}

.range_resp {
    display:block;
}

.fullrange_full {
    display:none;   
}