Reduce the height of my main menu children items

• 

  lorenedevbil · Member · Feb 28, 2017 at 9:07 pm

  • Copy link
  • Add topic to favorites

  Hello,

  The children of my menu items, appear in colored boxes that I find to tall.
  I wish to reduce the size of these boxes so list of sub items would take less lenght space.

  Thanks a lot for your help as usual.

  Loren

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

• 

  thesacredpath · Member · Mar 1, 2017 at 4:29 am

  • Copy link

  Hi Loren, give the following a try.

  #main-navigation ul ul a {
  	padding-top: 0 !important;
  	padding-bottom: 0 !important;
  }

• 

  thesacredpath · Member · Mar 1, 2017 at 4:30 am

  • Copy link

  Actually, let’s use this instead so we don’t affect the spacing on the touch device menu. The items would be too close together to tap on with a finger.

  @media screen and (min-width: 961px) {
  #main-navigation ul ul a {
  	padding-top: 0 !important;
  	padding-bottom: 0 !important;
  }
  }

• 

  lorenedevbil · Member · Mar 1, 2017 at 2:53 pm

  • Copy link

  Thank you very much!

• 

  thesacredpath · Member · Mar 1, 2017 at 7:46 pm

  • Copy link

  You are welcome.