Sketch – Padding on sub items in navigation

  • Unknown's avatar
    shinykarine · Member ·

    Hi!
    How can I adjust the padding on the sub items in the main navigation menu?

    I have 24 sub items under my artists navigation page. I was able to make the font smaller but the list is not all visible on desktop.

    Thx for your help!

    The blog I need help with is: (visible only to logged in users)

  • Unknown's avatar
    thesacredpath · Member ·

    Hi there, the height of a visitor’s browser window and/or screen is not a constant, so there really isn’t anyway to assure that the submenu will always be completely visible on someone’s screen, and give that you have 24 submenu items, it may be that few will actually see the entire list, but they can scroll to see the entire list.

    The following CSS will reduce the top and bottom padding on the submenu items and tighten up the spacing to show more though. 

    .main-navigation .sub-menu li {
    padding-top: 0;
    padding-bottom: 0;
}
  • Unknown's avatar
    shinykarine · Member ·

    Thank you, that’s exactly what I needed :-)

  • Unknown's avatar
    thesacredpath · Member ·

    Hooray and you are welcome!

  • The topic ‘Sketch – Padding on sub items in navigation’ is closed to new replies.