Joomla - 在较小的分辨率上隐藏响应式模块的一部分(手机)

时间:2013-02-25 16:16:08

标签: php css joomla responsive-design joomla2.5

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

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

现在,如果我将浏览器窗口的大小调整为移动设备的显示尺寸(Motorola Defy +),导航器部分将覆盖图像,标题和内容文本。在移动浏览器上打开演示链接,效果相同。

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

有什么想法吗?

2 个答案:

答案 0 :(得分:1)

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

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

这意味着在此代码开始启动之前,屏幕的最大宽度为480px。从那时起,它隐藏了导航器部分。

希望这有帮助

答案 1 :(得分:0)

@Lodder - AMAZING !!!!!!!! :d

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

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

这意味着很多!!!!

相关问题