仅在移动设备上禁用粘性标头

Question

我希望仅在移动设备上禁用我的粘性标头，我发现了几个线程，但仍然无法解决此问题，因为我最终要么完全禁用标头，要么什么都不做。

这是网站： http://dancefloordjs.co.uk/

Answer 1

媒体查询是你的朋友。您使用的是引导程序，因此第一个断点为 768 像素。将非粘性移动标头的样式放在自定义中的任何媒体查询之外.css（或者您用来覆盖默认 Bootstrap 样式的 css 文件的任何名称），因为 Bootstrap 是一个移动优先框架。然后，在这样的块内：

@media (min-width: 768px) { 
   //your custom styles
}

放入粘性标题的样式。您可以在此处阅读有关自定义 Bootstrap 的更多信息，包括自定义文件以外的替代和高级技术.css。

Answer 2

使用以下

方法修复了此问题：

@media (max-width: 768px) {.float-right {float: none; width: 100%;}}