Menu Spacing

  • Resolved perryk01

    (@perryk01)


    7 years, 5 months ago

    I just took over as the administrator of this site and am very new to this.
    The question I have is how to reduce the size of the space between each menu item.
    Would also like to reduce the space between the top level menu and the sub menu items.

    Any help would be greatly appreciated.

    thanks

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

Viewing 3 replies - 1 through 3 (of 3 total)
  • Joy

    (@joyously)

    7 years, 5 months ago

    The theme controls the look of the site. You need to direct your questions to the theme’s support forum.

    HudsonValleyWebDesign

    (@jaycbrf)

    7 years, 5 months ago

    Hey there @perryk01,

    That is a simple fix. In your theme’s custom CSS panel you can redefine the CSS used for the nav

    
.omega-nav-menu a {
    border: none;
    color: #fff;
    display: block;
    padding: 35px;
    position: relative;
    font-weight: 400;
    font-size: 14px;
}

    In the above code, the padding:35px; is the spacing around the links. If you change this to say 12px it will look much better. So paste this into the Custom CSS panel

    
.omega-nav-menu a { padding: 12px;}

    And for the sub menu, this CSS code is used:

    
.omega-nav-menu .sub-menu a, .omega-nav-menu .children a {
    border-top: none;
    font-size: 14px;
    padding: 16px 20px;
    position: relative;
    width: 200px;
}

    Again, the padding is the issue. If you change the first number 16 which represents the top/bottom padding to like 8 or 10 it will tighten up nicely.

    Thread Starter perryk01

    (@perryk01)

    7 years, 5 months ago

    This worked perfect
    Thanks for the quick response

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

The topic ‘Menu Spacing’ is closed to new replies.