在移动设备上禁用Sticky Header

Question

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

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

Answer 1

Media queries are your friend。你正在使用bootstrap，所以你的第一个断点是768像素。将你的样式放在custom.css中任何媒体查询之外的非粘性移动标题中（或者你正在覆盖默认的Bootstrap样式的css文件的名称），因为Bootstrap是一个移动优先框架。然后，在这样的块内：

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

删除粘贴标题的样式。您可以阅读有关自定义Bootstrap here的更多信息，包括custom.css文件以外的替代和高级技术。

Answer 2

使用以下方法解决问题：

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