Reduce space between primary menu items

  • Resolved jadealger1

    (@jadealger1)


    2 years ago

    Can anyone tell me how to reduce the space between the primary menu items?

    The page I need help with: [log in to see the link]

Viewing 5 replies - 1 through 5 (of 5 total)
  • Thread Starter jadealger1

    (@jadealger1)

    2 years ago

    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.

    Thread Starter jadealger1

    (@jadealger1)

    2 years ago

    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; } }

    Gilbert Hernandez

    (@ghernkadence)

    2 years ago

    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.

    Thread Starter jadealger1

    (@jadealger1)

    2 years ago

    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.

    Gilbert Hernandez

    (@ghernkadence)

    2 years ago

    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;
}
Viewing 5 replies - 1 through 5 (of 5 total)

The topic ‘Reduce space between primary menu items’ is closed to new replies.