Question

我在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>

如何在移动设备上显示这些内容，是否应该缩短链接，使其在移动设备上看起来更干净？

Answer 1

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

@media（max-width：768px）{ .hidden-xs，.hidden-sm，.hidden-md

}

Answer 2

该链接未出现在移动设备上，因为下面提到的文件中包含CSS代码，如下所述：

档案：https://theautoall.com/catalog/view/javascript/bootstrap/css/bootstrap.min.css

代码：

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

如何在opencart移动平台的标题中显示顶部链接

2 个答案: