Question

我想在手机上禁用粘性导航栏（23厘米以下）。

我的导航栏已在所有设备上粘贴。即使在移动设备（如iphone，ipad）中也是如此。它看起来很糟糕所以我想只在移动设备上禁用粘性导航栏。请帮帮我:)。

您可以查看我的网站。我的网站是here。谢谢。

Answer 1

如果这不是您主题的选项，则可以在媒体查询中添加此CSS：

@media (max-width: 600px) {
   #masthead .top-strip { position:relative; }
}

您可能需要添加＆＃34;！important＆＃34;在＆＃34;亲戚之后＃34;如果这不起作用。当然，只需将最大宽度更改为屏幕的最大尺寸，而不要让导航栏浮动。

然后，您将在徽标和导航栏之间获得一些额外的空间（因为我们只是将导航栏放回到页面流中）。要解决这个问题，您需要在CSS中找到它并将其放在@media查询中，仅用于大于移动设备的屏幕：

@media (min-width: 601px) {
   #masthead #branding { margin: 90px auto 10px !important; }
}

如果您想测试尺寸，请使用http://www.responsinator.com/。