我是一个网页设计的新手。我在noisehole.com上自己主持了一个Wordpress网站，我使用的是MH杂志的模板。我创建了一个子主题，并对其进行了修改，在标准小部件区域之外的标题上方包含一个搜索栏。
然而，当在移动设备上查看网站时（或者只是缩小浏览器窗口的水平宽度），你可以看到搜索栏和Noisehole徽标相互配合不好。
我想设置页面，使其具有足够的宽度，搜索栏显示在Noisehole徽标的右侧（就像今天一样），但在移动浏览器（或小宽度桌面浏览器）上，搜索框显示在Noise hole徽标下方。
我相信我需要在header.php文件中完成这项工作（在styles.css中有一些额外的样式规则），但我的php技能还不够强，还不知道该怎么做。有人能帮忙吗？
如果我是你，我建议当浏览器宽度低于768px时隐藏搜索栏（使用CSS媒体查询），只有当浏览器低于768xx时，才在顶部的移动友好导航栏中显示新的搜索栏（如果有意义的话！）
这是假设你想要在移动版上的搜索栏。