如何使顶部链接出现在 opencart 移动平台的标题中答案

【问题标题】：How do I make top-links appear in the header on opencart mobile platform如何使顶部链接出现在 opencart 移动平台的标题中
【发布时间】：2017-05-01 17:13:57
【问题描述】：

我在 header.tpl 中添加了一些链接，当您在移动设备上查看该网站时，它们完全丢失了。有问题的网站是“theautoall.com”，例如我添加的代码是：

<li><a href="<?php echo $home; ?>" title="Lots more coming soon!"><span 
class="hidden-xs hidden-sm hidden-md"><strong>SITE CURRENTLY UNDER 
CONSTRUCTION</strong></span></li>

我怎样才能让这些出现在移动设备上，我应该缩短链接以使它们在移动设备上看起来更干净吗？

【问题讨论】：

标签： java php css html opencart

【解决方案1】：

在样式表中检查您的跨度样式“hidden-xs hidden-sm hidden-md”。他们可能使用有显示：无。如果是这样，请将其更改为 display:block 或一起删除 span 类。如果您只想在移动版本中显示此内容，则需要添加媒体查询，例如

@media（最大宽度：768px）{ .hidden-xs、.hidden-sm、.hidden-md

}

【讨论】：

【解决方案2】：

链接没有出现在移动设备上，因为下面提到的文件中包含下面提到的 CSS 代码：

文件：https://theautoall.com/catalog/view/javascript/bootstrap/css/bootstrap.min.css

代码：

>     @media (max-width: 767px)
>     .hidden-xs {
>         display: none!important;
>     }

【讨论】：