Easy way to disable Avada sticky header on a single page

Say you are building a landing page and you don’t want the full menu. It’s easy to set an alternate menu in the header for under Avada Page Options, but what about the Sticky Header? With a little snippet of css, you can easily disable that on a per page basis.

  1. Visit the page where you’d like to disable the sticky header.
  2. Click on the symbol for Code </> on the black bar.
  3. Add this snippet below and “save”
.fusion-is-sticky { display: none;}

And that’s it!  Now if you have many pages you’d like to do this for, it might make more sense to create a class and add your pages ID’s that way in the Custom CSS section under Theme Options.

 

Leave a Comment

Your email address will not be published. Required fields are marked *