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

标签 php css wordpress search mobile

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

但是,当在移动设备上查看网站时(或者只是缩小浏览器窗口的水平宽度),您会看到搜索栏和 Noisehole Logo 相互配合得不好。

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

我认为我需要在 header.php 文件中执行此操作(在 styles.css 中使用一些额外的样式规则),但我的 PHP 技能还不够强大,还不知道如何操作。谁能帮忙?

最佳答案

如果我是你,我会建议当浏览器宽度低于 768px 时隐藏搜索栏(使用 CSS 媒体查询),并且仅当浏览器处于低于 768 像素(如果这有意义!)

假设您希望在移动版本上使用搜索栏。

关于php - 如何更改wordpress移动主题中搜索栏的位置,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/28839057/

相关文章:

php - jQuery 中没有图像宽度和高度

css - css 元素之间的间距

php - get_product_from_item($item) 已弃用 WooCommerce 中的替代品

jquery - 位置 : fixed while jquery script 的 CSS 或浏览器问题

html - 如何在悬停时影响所有具有相同名称的类

wordpress - 如何在 docker 上创建多个 wordpress 站点

php - 即使在主类别上,页面也会返回子类别的 ID

php - mPDF 自动打印问题

php - 获取当前帖子的 WordPress 帖子 ID

php - PDO UNION 与 ?不工作