Reduce font size in menu bar

• 

  orlandoshoppers · Member · Sep 5, 2015 at 12:14 pm

  • Copy link
  • Add topic to favorites

  Hi there! I’m really new in this “world” of WordPress and blogs, and I’m really excited with the progress. My blog is http://www.guiadecomprasorlando.com

  I’would like to change a few things, but I don’t know how. For example I want to reduce the size of the fonts on the menu bar, but I can’t do it with customization of the theme twenty twelve. I asume it has to be done with CSS, but I don’t know how to do it!

  Other thing is, I see some blogs in wich the menu bar is like blocked so when you scroll down, it is always shown. In my case, when you scroll down, it desappears. Is it possible to change this?

  Last thing! Is it possible to change menu so when you put cursor on each option, it displays down the options. Now in my blog you have to click to see what’s inside, so you live the current page to a new one.

  Thank you very much for your help! And sorry for my ignorance!

  Bye!

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

• 

  thesacredpath · Member · Sep 6, 2015 at 7:13 am

  • Copy link

  Hi there, for the menu font size, go to Appearance > Customize > CSS, delete all the informational text in that window, and paste in the following custom CSS.

  .wf-active #access .menu-header a, .wf-active div.menu-header a {
      font-size: 20.8px;
  }

  Given that the menu bar is below the site title/header image area, this isn’t going to be possible, however we can fix the entire header area and allow the content to scroll up behind it with the following CSS.

  #header {
      position: fixed;
      background: #fff;
      z-index: 10;
  }
  #container, #primary {
      margin-top: 370px;
  }
  #wrapper {
      position: relative;
      margin-top: 0;
  }

  See what you think with the above.