Centering the "Select Page" Mobile Menu Bar Button

This post may contain referral links which may earn a commission for this site

The Divi Theme includes several mobile menu bar styles. When the desktop version of the site is using a centered header style, the mobile site will display a grey bar with the text "Select Page" and a right-aligned mobile menu button. If you'd like to center the mobile menu button within the header, you can use the following CSS:

/* Center the mobile menu bar button */
.et_header_style_centered #main-header .mobile_menu_bar_toggle {
	left: 50%;
	left: calc(50% - 16px);
}

Hundreds of new features for Divi
in one easy-to-use plugin

0 Comments

Submit a Comment

Your email address will not be published. Required fields are marked *