How to eliminate a section of a header for sticky header

If you’ve created your header in Beaver Builder Themer and want a portion of your header to be sticky when you scroll the page and the other portion disappear, keep reading.

To eliminate a section of a header during page scroll give the portion you don’t want to display on scroll a div ID such as
“disappearing-header”

then add the following CSS code

.fl-theme-builder-header-scrolled #disappearing-header { display: none; }

The portion of the header with that Div ID will now automatically disappear on scroll.

Want to ensure your site stays secure and maintained without you having to do the heavy lifting?

See how we can save you time, money & free you up to pursue your passion & focus on what you do best.

Leave a Comment

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

Scroll to Top