How to reduce space between menu items (Esotera)

  • Author
  • #99787

    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!

    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
    Please check the available documentation and search the forums before starting a topic.

    Thanks, Zed!

Viewing 3 posts - 1 through 3 (of 3 total)

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