Make menu items bigger

  • Author
  • #1004158


    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


    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, {
    	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.



    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.

The topic ‘Make menu items bigger’ is closed to new replies.