Make menu items bigger

• 

  manchcomch · Member · Sep 8, 2012 at 5:12 pm

  • Copy link
  • Add topic to favorites

  I have purchased the Custom Design upgrade, but when I tried to make the menu items bigger, with anothe rtheme, they ended up overlapping. I am now using TwentyTen and would like to make the menu text at least as big as the body text, bit I can’t work out which bits of the CSS control this.

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

• 

  designsimply · Member · Sep 24, 2012 at 7:48 pm

  • Copy link

  The font size of the menu items in the Twenty Ten theme are set to automatically adjust with the “Headings” font size if you set one on the Appearance → Custom Design → Fonts page.

  To override that and set the menu font size manually using the CSS editor, add this to your Appearance → Custom Design → CSS page:

  #access .menu-header, div.menu {
  	font-size: 20px !important;
  }

  Note that the important rule is needed if you have already adjusted the “Headings” font size on the Appearance → Custom Design → Fonts page, and that was probably what was throwing you off before.

• 

  manchcomch · Member · Sep 29, 2012 at 10:55 pm

  • Copy link

  Thanks for the info. That’s a big help. I did wonder whether the Appearance → Custom Design → Fonts took precedence over changes made in Appearance → Custom Design → CSS.