Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/89.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Php 响应性顶部横幅图标_Php_Html_Css_Wordpress_Responsive - Fatal编程技术网

Php 响应性顶部横幅图标

Php 响应性顶部横幅图标,php,html,css,wordpress,responsive,Php,Html,Css,Wordpress,Responsive,我是wordpress的新手,所以请原谅任何不正确的术语或愚蠢的问题,因为我仍在学习并渴望这样做 我有一个珠宝网站(运行Kallyas premium),在标题和版次滑块之间有一排横幅图标 顶部横幅图标 问题是,当在缩小的屏幕或移动视图上查看网站时,我想用一个图标/滑块替换这一行图标,该图标/滑块一次显示一个横幅图标,例如最低价格、a*客户服务等 我试图实现的一个很好的例子是在移动视图中查看Watchshop.com主页 watchshop.com滑块效果 我似乎找不到一个插件可以做到这一点

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

我有一个珠宝网站(运行Kallyas premium),在标题和版次滑块之间有一排横幅图标

顶部横幅图标

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

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

watchshop.com滑块效果

我似乎找不到一个插件可以做到这一点,我似乎无法实现这一点与rev slider,也许它需要一些代码

任何帮助都将受到感激

谢谢
Dan

您需要添加一些css媒体查询,以根据屏幕大小显示和隐藏某些内容,例如,您希望隐藏手机上的导航链接:

试着这样做:

@media only screen and (min-width: 768px) {
.your_class_her_or_id_here {
        display:none;
        }
    }
这将在屏幕尺寸小于768px时隐藏导航链接,
您可以对滑块执行相同的操作,因此它仅以特定大小显示,否则不会显示。希望这能有所帮助。

StackOverflow是针对坏代码的。我可以告诉你,你没有HTML或CSS的经验。如果您想创建更改,请阅读相关内容,然后学习响应式样式(CSS媒体查询)。否则,请询问模板的开发人员。对不起,这不应该是一个帮助论坛吗?@dan2017这是一个帮助论坛,供无法找出代码失败原因的开发人员使用。这不是一个通用的wordpress支持论坛(但他们在wordpress.org上有)。请回顾一下关于堆栈溢出的问题,以及什么类型的问题和什么类型的问题