Fit main menu to page width

Hey smartretail!

can you provide us a link to your site showing the elements in question please? we need to be able to inspect the elements.

Best regards,
Andy

Hey!

We are working on your ticket please wait while we update the results here soon.

To make the menu look like this…

Please add the below css in Quick CSS you can remove dividers from enfold > header > Separator between menu items

/* Equal Spaced Menu */
.html_header_top.html_logo_center .main_menu ul:first-child {
    display: flex;
    justify-content: space-between;
}

If it’s not something you wanted to do please share a mockup of what you want it to look like.

Cheers!
Vinay Kashyap

• This reply was modified 8 years, 8 months ago by Vinay.

Hey!

Thanks for the image. It made your request a lot clearer.

To change the width of the menu to the content width of the page, try the following CSS code:

#avia-menu {
    width: 1010px;
    margin: auto;
}

Let me know if you require further assistance.

Regards,
Jordan