Reduce space between primary menu items

Actually, If you click through my primary menu (Home, About, Music … etc) you’ll see that the spacing skips around. More importantly, I’d like it to stay consistent no matter what menu item is clicked.

I added this code and I think it did the trick:
.sf-menu a { padding: 20px 5px; } .kt-showsub-indicator ul.sf-menu>li.sf-dropdown>a:after { padding-left: 10px; } }

Hello @jadealger1

There is a setting to adjust the spacing of the navigation items. In the header builder, click the cogwheel icon in the “Primary Navigation” item and find the “Items Spacing” setting. I’ve included a screenshot for reference. Please let us know if this information helps you or if you have more questions.

Thank you. I don’t see a Header option under Customize. Perhaps I would need to upgrade from the free version?

When I go to Customize, my options are Main Settings, Topbar Settings, Home Slider Settings, Home Layout, etc.

Hello @jadealger1

I apologize; I gave instructions for the Kadence theme, not Virtue. The Virtue theme doesn’t have the same settings, so you should use CSS. Check if the following CSS works; change the space to suit your needs. Margins can be negative, letting you move the links closer together.

.sf-menu li {
    margin-left: -15px;
}