Builder Settings

  1. Show Outlines
  2. Enable Fixed Header Mode

Divi MadMenu Builder Settings help improve the header designing workflow in the Divi Builder interface. These settings apply inside the Divi Builder only and have no effect on the front end.

The Builder Settings are located in the Content -> Builder Settings toggle

It contains the following settings:

  1. Show Outlines
  2. Enable Fixed Header Mode

Both of these settings are disabled by default

1. Show Outlines

The Show Outlines setting enables the outlines of the header container and it's elements. It's recommended to enable the outlines before starting tweaking the header layout because the outlines help you see how the elements are currently aligned and how much space they occupy.

The outlines' default color is red but it may not be suitable for all headers depending on the background color of the header. To change the color of outlines use the Outlines Color setting

The outlines can be disabled after you've finished adjusting the layout. However, even if you forget to disable them and save they won't appear on the front end.

2. Enable Fixed Header Mode

The Fixed header is triggered on scroll on front end but when designing the header in Divi Theme Builder it probably won't be possible to scroll the header layout in order to trigger and design the Fixed header because in most cases the header layout won't be scrollable.

In order to make it possible to design the Fixed header in Divi Theme Builder visually without having to save and then switch to the front end to see the changes, the Enable Fixed Header Mode setting is provided.

The Enable Fixed Header Mode setting triggers the Fixed header when enabled, thus allowing to apply changes to the Fixed header while seeing these chages apply without having to go to the front end. This is a one-click solution that greatly improves the Fixed header design workflow.

Similarly to the Show Outlines setting the Enable Fixed Header Mode setting works in the Builder interface only and does not affect the header on front end. It is recommended to enable the Fixed header mode before you start designing the Fixed header.

Did this answer your question? Thanks for the feedback There was a problem submitting your feedback. Please try again later.