CTA Buttons Settings
To enable the Divi MadMenu Button One and Button Two elements open the module settings modal, go to Content -> Elements section and click the Enable Button One and Enable Button Two.
When the buttons are enabled their Content, Design and Advanced settings all become visible. Both Button elements have absolutely identical set of settings, so, here we'll be exploring the settings of Button One only.
1. Content Settings
The Button One element's Content settings are located in the Content -> Button One section
CTA Buttons can have text only, text with icon or icon only. The available options are the followings:
- Button One Text
- Enable Button One Icon (disabled by default)
- Button One Link URL
- Button One Link Target
Enabling the button icon reveals additional options allowing to select the icon type and the icon, set its placement relatively to the button text and also control responsive visibility of the icon.
By default the Font Icon is selected as the icon type allowing to select any icon from Divi's core font icons set. However selecting the Image Icon option makes it possible to upload custom image icons both for the Normal and Fixed headers(the Use Fixed Header Image should be enabled) as well as for each device(Desktop, Tablet and Phone)
2. Design Settings
The Design settings of the Button One element can be found under the Design tab of the module settings.
The Button One Order setting allows to set the Button One element order relative to other header elements, it is located under the Design -> Layout:General toggle. The element order value can be different for each device.
To align the Button One vertically and horizontally and to set its column width use the layout settings located under the Design -> Layout:Elements toggle B1 tab (B2 tab contains the Button Two layout settings)
The design options set of the Button One element includes colors, spacing, borders, box shadow and sizing options and can be found in the Design -> Button One and Design -> Button One (Fixed) sections, and the Text:Button One section contains the text options (for the Button Two it is Text: Button Two section)
3. Advanced Settings
The button link relationship and the image icon alt text(if the image icon type is selected) can be set in Advanced -> Attributes section
To control the responsive visibility of the Button One element use the Show Button One settings in the Advanced -> Visibility section.