php - Joomla - 在较小的分辨率（手机）上隐藏响应模块的一部分

Question

我正在使用响应式幻灯片模块 - Lof ArticlesSlideShow ( DEMO )。

当我将窗口大小调整为较小尺寸时，如何隐藏“导航器”部分（带有缩略图的滚动文章行）。

现在，如果我将浏览器窗口的大小重新调整为手机显示屏的大小（摩托罗拉 Defy+），导航器部分将出现在图像、标题和 introtext 之上。在手机浏览器上打开demo链接，效果一样。

由于文章的链接在标题上，它隐藏在导航器下，因此无法访问文章页面。

任何的想法？

score 1 · Accepted Answer

尝试将此添加到自定义 CSS 文件或当前文件：

@media screen and (max-width: 480px) {
    .lof-buttons-control {
        display: none;
    }
}

这意味着屏幕的最大宽度，直到这段代码开始启动是 480px。从那时起，它隐藏了 Navigator 部分。

希望这可以帮助

score 0 · Accepted Answer

@Lodder - 太棒了！！！！！！！！！！:D

我替换.lof-buttons-control为.lof-ass .lof-navigator它并且有效：D

@media screen and (max-width: 480px) {
.lof-ass .lof-navigator {
        display: none;
    }
}

那意义重大！！！！

2 回答 2