如何在wordpress移动主题中更改搜索栏的位置

时间:2015-03-03 18:18:19

标签: php css wordpress search mobile

我是网站设计的新手。我在noisehole.com上自我托管了一个Wordpress网站,并且我正在使用MH杂志模板。我创建了一个子主题并对其进行了修改,使其在标题小部件区域之外的标题上方包含一个搜索栏。

但是,在移动设备上查看网站时(或只是缩小浏览器窗口的水平宽度),您可以看到搜索栏和Noisehole徽标彼此不能很好地配合。

我想设置页面,以便在宽度足够的情况下,搜索栏显示在Noisehole徽标的右侧(就像今天一样),但是在移动浏览器(或小宽度桌面浏览器)上),搜索框出现在Noisehole徽标下方。

我相信我需要在header.php文件中执行此操作(在styles.css中使用一些额外的样式规则),但我对PHP技能还不够强,还没弄清楚如何。有人可以帮忙吗?

1 个答案:

答案 0 :(得分:0)

如果我是你,我会建议在浏览器宽度低于768px(使用CSS媒体查询)时隐藏搜索栏,并且只有当浏览器位于浏览器时,才会在顶部的移动友好导航栏中显示新的搜索栏。低于768px(如果有意义的话!)

假设你想要移动版本的搜索栏。