ProBeaver Weekly
Weekly for all things Beaver

Increase Menu area width in Beaver Builder Theme header

So, the latest update of Beaver Builder Theme made your menu in the header area drop to two lines? Do you want to add more menu items and still make all menu items appear in a single line?

Before and After

Change beaver menu area width in the header

Change Menu are width in Beaver Builder Theme

Fortunately, this can be easily changed using little bit of CSS code. Just add the following code in style.css file of your child theme or in the global CSS box in the global settings of the Beaver Builder plugin.

What does this code do

For screen display of 992px and above, the size of view-able area where menu it displayed is increased to 800px. You can change this value to adjust menu items as per requirement.

Davinder Singh Kainth

About Davinder Singh Kainth

Davinder loves creating and implementing online spaces. He has over a decade of experience reaching corners of: design, development, blogging and SEO. He also create products at SimpleProThemes(.com), WordPress learning at BasicWP(.com) & digital solutions at iGuiding(.com)

Leave a Comment

Become a Beaver Builder Expert

Pre-order "Mastering Beaver Builder" course and save $100 directly.