Builder Settings
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 frontend.
The Builder Settings are located in the Content->Builder Settings section
It contains the following settings:
- Show Outlines
- Enable Fixed Header Mode
- Enable Logged In Mode
All 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 and spacing settings 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 frontend 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(due to it's height being smaller than the viewport height in the Theme Builder).
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 frontend to see the changes, the Enable Fixed Header Mode setting is provided.
This setting triggers the Fixed header state when enabled, thus allowing to apply changes to the Fixed header while seeing these chages apply without having to go to the frontend. 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.
3. Enable Logged In Mode
The Enable Logged In Mode setting emulates the user logged in state for the current module to allow viewing the content added for the logged in(authenticated) users in the Button element Auth content settings.
It basically switches from the Normal content view to the Auth content thus allowing to work with both types of content in the Divi Theme Builder without having to go to frontend and actually log in and log out just to check the content for both states.
You can see the usage of this feature in this tutorial: How To Create A Header Logout Button
