Changing my menu font to a thicker font?

• 

  yearbooksmakemecrazy · Member · Apr 2, 2015 at 6:01 pm

  • Copy link
  • Add topic to favorites

  I have a new theme for my wordpress and I need to make just my menu font at the top a thicker font to stand out more?

• 

  thesacredpath · Member · Apr 3, 2015 at 3:06 am

  • Copy link

  Hi there, I assume you are talking about yerdherd.com. The following will set the menu font to bold. Due to the nature of your header image, the text still isn’t very legible, so I have also added a slightly transparent background to it and shortened it a touch so it doesn’t overlay “Ya Herd? as much. I’ve limited this with a media query to windows/devices 768px and wider as below that the touch device menu activates and the white background isn’t needed.

  @media screen and (min-width: 768px) {
  .masthead .menu a {
      font-weight: bold;
      padding-left: 6px;
      padding-right: 6px;
  }
  .masthead .menu {
      background: rgba(255, 255, 255, 0.7);
      width: 60%;
  }
  }

  See what you think with the above.