Gaps between Menu Items

[EarlySigns]

Hi there,

I am trying to create even gaps between the menu items in the white bar.
However, no matter how much I play with bar/container/elements flex settings, there seems to be an issue with them spacing evenly. I am happy with how much they are spreading across the bar, but not sure why there is a large gap after the ‘HR Group Contractors’ and ‘Hr Painting and Decorating’ menu items.

Please see image attached for an idea of what I mean, and the URL for the website in development.

http://www.simplysignspreview.com/hrgroup/

http://www.simplysignspreview.com/hrgroup/wp-content/uploads/2018/07/extra-space.jpg

[Alaa]

Hi @EarlySigns

In the “Content Flex Layout” settings, you should set “Horizontal” to “Center”, if this didn’t fix it, then please add this CSS code to (Theme Options > CSS):

#menu-white-top-bar.x-menu-inline>li {
    flex-basis: 50%!important;
}

Thanks.