Contents
Secondary Menu Bar This panel allows you to customize that menu bar and the text within it, adjusting the background color, text color and text styles.
How do I edit the secondary header in WordPress?
Go to Appearance → Customize → Menus → and click on Create a new menu. Enter the menu name, let’s call it Secondary Menu. You can assign this menu to the Secondary Menu display location.
How to remove the secondary menu bar in Divi?
To remove the secondary menu bar site-wide, you can add the CSS into either the “Divi > Theme Options > General > Custom CSS” box, or into the style.css file of a child theme. To remove the top header from a single post / page, you can instead paste this into that post / page’s Custom CSS box.
To remove the secondary menu items from the mobile menu go to Divi -> Theme Customizer -> Mobile Menu Customizer -> Menu Settings and find the SECONDARY MENU ITEMS POSITION setting and select the Remove secondary menu items option. You can also move the secondary menu items above the main menu items if you need so.
There isn’t an explicit option to hide the secondary menu bar in the Divi settings. Instead, the secondary menu bar will be hidden if no elements are configured to display in it. Thus, to hide it, you need to clear / disable any settings which would cause an element be added to secondary menu bar.
How to customize the secondary menu bar in WordPress?
You can add some custom CSS to fix this. In WordPress Admin, go to Divi → Theme Options. Scroll down to the custom CSS box and enter the following css: This CSS code does four key things to your top bar. 1) It divides your header info, CTA, and secondary menu into a one-third column layout (each with a 33.3% width).