响应的顶级横幅图标

Question

我对wordpress相对较新，所以请原谅任何不正确的术语或愚蠢的问题，因为我仍在学习并渴望这样做。

我有一个珠宝网站（运行Kallyas premium），我在标题和转速滑块之间有一排横幅图标。

顶部横幅图标

问题是当在缩小的屏幕尺寸或移动视图上查看网站时，我想用一个图标/滑块替换这一行图标，一次显示一个横幅图标，例如。最低价格，A *客户服务等等。

在移动视图中查看时，我正在尝试实现的一个很好的例子是在Watchshop.com主页上。

watchshop.com滑块效果

我似乎无法找到这样做的插件，我似乎无法通过rev滑块来实现这一点，也许它需要一些代码？

将非常感激地收到任何帮助。

由于 丹

Answer 1

你需要添加一些css媒体查询来显示和隐藏某些内容，具体取决于屏幕大小，例如你想在移动设备上隐藏导航链接：

尝试这样的事情：

@media only screen and (min-width: 768px) {
.your_class_her_or_id_here {
        display:none;
        }
    }

这会在屏幕尺寸小于768像素的情况下隐藏导航链接， 您可以对滑块执行相同的操作，因此它仅显示特定大小，否则不显示。希望这会有所帮助。