How to add spaces to menu items so it covers the entire width of the header?

This topic has 3 replies, 2 voices, and was last updated 2 years, 5 months ago ago by mikeb

  • Avatar: mikeb
    mikeb
    Participant
    June 27, 2022 at 23:11

    My header is looking like this:

    menu

    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?

    2 Answers
    Avatar: Awais Ahmed
    Awais Ahmed
    Participant
    June 28, 2022 at 05:43

    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.

    Avatar: mikeb
    mikeb
    Participant
    June 28, 2022 at 05:53

    Worked for me. Thanks!

  • Viewing 3 results - 1 through 3 (of 3 total)

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

We're using our own and third-party cookies to improve your experience and our website. Keep on browsing to accept our cookie policy.