修复移动设备上的WordPress导航栏对齐(响应)

时间:2016-09-24 04:17:47

标签: css wordpress

网站:www.tarbooshla.com

在移动设备上查看时,搜索图标未与导航栏的其余部分(徽标和菜单图标)对齐。我怎样才能解决这个问题?

我尝试更新所有主题和插件无济于事。

3 个答案:

答案 0 :(得分:0)

它似乎与当前规则集完全按照预期显示。我假设你想让它填充在右边?我能够通过填充属性大幅度移动它,但是我不认为这对你来说是最好的方案。搜索图标当前不是文本,而是::before场景中显示的伪元素,如果您希望它在达到特定大小后显示,我建议使用媒体查询将其设置为{ {1}}以及display:none;伪元素,该元素会在到达智能手机::after时显示。

答案 1 :(得分:0)

这是因为移动设备的空间有限。所以你可以做的就是进入header.php并将搜索栏与主页,关于我们等一起放在主导航栏中,这样搜索就会出现一次用户按下菜单button.or或在css的帮助下,将菜单对齐到左侧,以便搜索按钮可以放在右侧。

答案 2 :(得分:0)

此代码可能对您有所帮助。确保在一个地方添加这个CSS代码,以便在加载所有其他css后加载它(因此获得最大优先级)

list_d