Reducing padding between menus and submenu items

• 

  cullygrove · Member · Mar 7, 2014 at 5:14 pm

  • Copy link
  • Add topic to favorites

  I’m looking for some CSS code to reduce spacing between menu and submenu items in the http://www.accessorydwellings.org blog using the Suburbia theme. We’re motivated to make this change to display all options on the sub-menu for “See real ADUs” without losing things off the bottom of the screen. Any change would be fine to apply to all menus/submenus, though.

  Thanks!
  – Eli

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

• 

  thesacredpath · Member · Mar 7, 2014 at 10:16 pm

  • Copy link

  This will allow you to reduce the spacing on the menu items in your left sidebar. I would start with the line height first. You can go with less that 1 also, such as 0.8em. On the padding, the 8px value is the top/bottom padding, so a 1px reduction would actually be a 2px reduction in height.

  #access li a {
      line-height: 1.3em;
      padding: 8px 0;
  }

• 

  cullygrove · Member · Mar 8, 2014 at 2:03 am

  • Copy link

  Thanks! That does it.

  On a related note, the font size on the sub-menus seems to be consistently a bit larger than the font size on the main menus. I’d like them to be all the same. This might not be a CSS issue, but if you have an idea for why that’s happening and how to change, I’d appreciate it.

  – Eli

• 

  cullygrove · Member · Mar 8, 2014 at 2:06 am

  • Copy link

  Actually, the font size discrepancy seems only to occur when I’m looking at the ‘customize CSS’ interface active on the right side of the screen. And font sizes are the same for menus and sub-menus when I’m out of that mode. So I think I’m all set after all.

  Thanks,
  – Eli

• 

  thesacredpath · Member · Mar 12, 2014 at 4:56 pm

  • Copy link

  That’s great and you are welcome, Eli.