mobile - Joomla 3 隐藏模块仅适用于移动设备

Question

我使用 Joomla 3 开发我的新网站，主题是移动设备。有人可以告诉我，如何为移动设备(iPhone 等)访问者隐藏几个模块？我在两个模块中有一个长横幅，如果使用计算机浏览器访问该站点，看起来不错。但是，如果有人使用移动设备访问我的网站，我该如何隐藏这些模块呢？太长了，坏了好风景。。。

Answer 1

假设您的模板正在使用 Bootstrap(大多数 3.0 模板都将如此)，您只需向模块添加一个特殊的类以在手机上隐藏它。编辑模块时，转到选项 -> 高级选项并寻找一个框来添加“模块类后缀”。添加“hidden-phone”(空格在开始时很重要，因为有些模块不会为你把它放在那里......)以隐藏小于 767px 的屏幕尺寸。如果您还想隐藏 767px 到 979px 宽度的“hidden-tablet”，也可以将其添加到列表中(也用空格分隔)。