元素隐藏在手机上,但不是桌面响应式布局

时间:2016-06-08 16:51:32

标签: javascript php android html css

我正在客户的网站上工作,我们有一个问题一直困扰着我。

基本上,我们有一行文字完全在移动设备上消失,但在谷歌检查员选择手机的响应式布局中可见。

使用Galaxy S5,LG Optimus L70以及iPhone 6确认了这一点。

有问题的部分以红色突出显示:

The Awards section disappears on mobile devices

您可以在Their Site

自行查看

我注意到我们没有从头开始开发此网站,而是我们正在编辑他们的旧网站。他们使用插件来获取我们不再使用的网站的移动版本(它已被删除)。

由于没有在响应式检查员上复制,因此难以确定问题。是否有专门针对手机的检查员?

我已经搜索了CSS文件以获得答案,但是我无法找到任何指向该元素仅隐藏在手机上的元素。我的猜测是某些残留的Javascript或PHP隐藏它,遗留在旧插件中。

我添加了这一行,但仍然没有回应。

 <?php
    if(!wp_is_mobile()){
 ?>
      <strong class="title"><a href="http://www.lewertlaw.com/awards-distinctions">awards and distinctions</a></strong>
  <?php
    }
   ?>

1 个答案:

答案 0 :(得分:0)

我明白了。我意外地加了一个!到那个领域,有效地使它呈现“如果它不是移动的”。 :/

不敢相信我花了一个星期才看到它。