Custom Fixed Header

Divi Toolbox  Header  Enable Custom Fixed Header

 

You can enable this option if you’d like to display any section as a fixed header.

There are two types of fixed headers available:

Slide-In & Fixed Header

The section will slide down from the top of the page and remain fixed after user scrolls a certain number of pixels (set in the “Scroll Offset” field).

This effect can be applied to any section. Navigate to Settings → Advanced tab → CSS ID & Classes → CSS Class and add a custom class of: dtb-fixed-header

Standard Fixed Header

The standard (always fixed at the top of the page) effect can be applied to any section. Navigate to Settings → Advanced tab → CSS ID & Classes → CSS Class and add a custom class of: dtb-fixed-always

A section with this CSS class will stay fixed to the top of the browser window.

Move Page Content Below the Header

Enable this option to move the website content below the “Always Fixed” header section.

Hi there!

If you have any questions or would like to get in touch, please fill the form below and we’ll get back to you as soon as possible.

Did you know?

You can create popups and effects like this one with Toolbox! It's so easy!

Ahhh yes!

You officially know the power of the irresistible 3D Button :D

You can easily design Popups like this one using Toolbox and Divi Builder!

Did you know?

Do you like this landing page? Does it look pretty advanced? Well, guess what! We didn’t use even a tiny bit of custom CSS or JavaScript to build it. All the awesome effects have been created using the Divi Toolbox!

Pricing

Choose the plan to suit your needs