My header is looking like this:
As you can see there’s a bunch of space to the right.
I’d like for the items to be responsive and cover the entire space, and automatically add space in between them depending on the screen size. Is that possible?
This topic has 3 replies, 2 voices, and was last updated 2 years, 7 months ago ago by mikeb
Hello, @mikeb,
Please copy and paste the below-given CSS code to Theme Options >> Theme Custom CSS and check back your site after removing the browser cache.
.et_b_header-menu .menu li{width:20% !important;}
.header-main-menu.et_element-top-level{display:block !important;}
Regards 8Themes Team.
Worked for me. Thanks!
Tagged: header, menu items, spacing, themes, width, woocommerce, wordpress
The issue related to '‘How to add spaces to menu items so it covers the entire width of the header?’' has been successfully resolved, and the topic is now closed for further responses