Get rid of floating header on mobile devices

For those of you using the themes that have floating headers, please realize that they REALLY reduce the viewable window on smaller mobile devices. If you want to keep the floating header but get rid of it for mobile devices put this code in your Custom CSS box…

@media (min-width: 0px) and (max-width: 480px) { .sticky { display: none; } }

You can increase the max width to whatever you want. Personally, I set my to 740px. This takes care of an iphone 6 turned sideways.

Of course, if you just want to stop it from floating on all devices, then the code is just…

.sticky { display: none; }

That’s it.

You’re welcome 🙂