font size drop down menu

• 

  susanjohnson34 · Member · Jun 7, 2015 at 6:15 pm

  • Copy link
  • Add topic to favorites

  Hi

  I have a drop down list of categories accessed from the primary menu (under Themes) but as the font is quite large some of the categories are not visible.
  Is there any way I can use CSS to reduce the font and make the whole list visible?

  Susan

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

• 

  staff-happychia · Staff · Jun 9, 2015 at 8:29 am

  • Copy link

  Could you tell me which category is not visible?

• 

  susanjohnson34 · Member · Jun 9, 2015 at 4:27 pm

  • Copy link

  Hi

  Thanks for your reply.

  The hidden categories are Love, Prayer and Meditation, Sunrise and Working with the Light.

  Susan

• 

  helloworthparish · Member · Jun 10, 2015 at 7:28 am

  • Copy link

  I see all those items.

• 

  staff-happychia · Staff · Jun 10, 2015 at 8:25 am

  • Copy link

  I am able to see all those items as well.

  Seems you are all set @susanjohnson34.

• 

  staff-jeanpierreac · Staff · Jun 10, 2015 at 8:34 am

  • Copy link

  Hi, susanjohnson34.

  If I understand you, the problem is those categories are shown, but you need to scroll down and you would like anyone to be visible without scroll.

  You can modify your font-size (currently 17px):

  .wf-active #site-nav ul li li a {
      font-size: 12px;
  }

  You can also reduce the space between two menu options, with padding parameter. (First number, 5px, refers to vertical (top and bottom) padding and second, 10 px in this case, fixes left and right spaces to the border). Currently you have 10px 10px.

  .wf-active #site-nav ul li li a {
      padding: 5px 10px;
  }

  Finally, as you can see, there are menu options that takes two lines because menu column is not wide enough. You could widen this submenu area with css code:

  #site-nav ul.sub-menu li, #site-nav ul.children li {
      width: 250px;
  }

  I hope you will find a convenient combination of these three approaches to fit your needs. Make us know if you have further questions. :)

• 

  susanjohnson34 · Member · Jun 10, 2015 at 3:26 pm

  • Copy link

  Thank you for your help

• 

  staff-jeanpierreac · Staff · Jun 11, 2015 at 7:47 am

  • Copy link

  You are welcome!