我正在使用响应式幻灯片模块- 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;
}
}
这意味着很多!!!!