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

Question

我在Joomla 3的新网站上使用移动就绪主题。有人可以告诉我，我怎么能隐藏移动设备（iPhone等）访客的几个模块？我有两个模块的长横幅，如果用计算机浏览器访问该网站，看起来不错。但是，如果有人使用移动设备访问我的网站，我怎么能隐藏这个模块呢？太长了，打破了一个美好的景色......

Answer 1

我不知道这是否是最好的解决方案，但这是我现在想到的解决方案。

您可以使用JBrowser类

$browser = JBrowser::getInstance(); $browser->isMobile()

它返回一个布尔值。

您可以直接从模板中隐藏模块。

Answer 2

假设您的模板使用的是Bootstrap（大多数都是3.0模板），您只需在模块中添加一个特殊类即可为手机隐藏它。编辑模块时，请转到选项 - ＆gt;高级选项并查找添加“模块类后缀”的框。添加“隐藏电话”（空间在开始时很重要，因为有些模块不会为您提供...）隐藏屏幕尺寸小于767px。如果你想要隐藏767px到979px的宽度，也可以在列表中添加“hidden-tablet”（也用空格分隔）。

Answer 3

在新版本的bootstrap中，隐藏模块有一个新的css名称，请在http://getbootstrap.com/css/上查看

例如： “hidden-xs”代表旧的“隐藏电话”

但是，如果你仍然有一个残缺的“隐藏电话”或“隐藏的xs”的作品。您可以自己添加此类：

将此代码添加到您的一个Css文件（style.css或custom.css）中：

    @media (max-width : 768px) {
  .hidden-phone {
        display: none;
  }
}

然后按照上面的建议将模块类后缀添加到所需的模块。

  

编辑模块时，请转到选项 - ＆gt;高级选项和外观   用于添加“模块类后缀”的框。添加“隐藏电话”