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


Joomla - Hide part of a Responsive module on smaller resolutions (Mobiles)

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

如何隐藏"导航"部分(带缩略图的文章滚动行)当我将窗口大小调整到较小的尺寸

现在,如果我将浏览器窗口的大小调整为我的手机显示器的大小(Motorola Defy+),导航器部分将出现在图像,标题和introtext之上。在手机浏览器上打开演示链接,效果相同。

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

任何想法?

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

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

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

希望能有所帮助

@ loder - AMAZING!!!!!!!!: D

我用 .lof-ass .lof-navigator 替换 .lof-buttons-control ,它工作了:D

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

这意味着很多!!!!