How to Disable Sticky Header for Mobiles

How To  Tutorials  Since: 1.2.14 Last Updated: Layers ver. 1.5 Time to Read: Less than a minute

In most cases, it is better for you to fix whatever issues are causing the sticky header to be a problem rather than disable the sticky header, as ready access to your nav menu is important to your visitors who may not want to keep scrolling back. For sites with in-page navigation where the sticky header can be disabled, you can do so easily with custom css and DevKit.

In DevKit, click the mobile view and enter the following:

If you do not have DevKit, you need to write the mobile media queries for the screen size you want to apply the overrides to, and place the code in the CSS panel of the customizer. The following explains: