How to reduce space between menu items (Esotera)

Forums » WordPress » Esotera » How To

  • Author
    Posts
  • March 9th, 2020 at 17:30 #99787
    zencatx

    Can any one provide the CSS to reduce the amount of space between items on the main menu, and also to reduce the top and bottom padding on both the main menu and dropdowns? Any help greatly appreciated, and thanks in advance!

    March 18th, 2020 at 18:45 #100174
    Zed
    Cryout Creations mastermind

    Menu items left/right padding:
    body #access a { padding-left: 1em; padding-right: 1em; }

    The menu height is shared with the logo and the sidebar menu toggler, so these would all need adjusting at once. The menu’s height also applies to the fixed menu.

    You can reduce the submenu items height with:
    #access ul.sub-menu a { line-height: 2.5; }

    Adjust the values as desired.

    If you like our creations, help us share by rating them on WordPress.org.
    Please check the available documentation and search the forums before starting a topic.
    August 13th, 2020 at 08:13 #106487
    davidfb

    Thanks, Zed!

  • Author
    Posts
Viewing 3 posts - 1 through 3 (of 3 total)

The topic ‘How to reduce space between menu items (Esotera)’ is closed to new replies.