我正在使用响应式幻灯片模块 - Lof ArticlesSlideShow( DEMO )。
当我将窗口调整为较小的尺寸时,如何隐藏“导航器”部分(带缩略图的文章的滚动行)。
现在,如果我将浏览器窗口的大小调整为移动设备的显示尺寸(Motorola Defy +),导航器部分将覆盖图像,标题和内容文本。在移动浏览器上打开演示链接,效果相同。
由于文章的链接位于导航器下隐藏的标题上,因此无法访问文章页面。
有什么想法吗?
答案 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;
}
}
这意味着很多!!!!