Menu Font

• 

  mikedoyleblog · Member · Jun 27, 2017 at 3:29 pm

  • Copy link
  • Add topic to favorites

  Would I be able to lower the font on the menu bar, so that the titles would be all on the same line?

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

• 

  thesacredpath · Member · Jun 27, 2017 at 9:33 pm

  • Copy link

  Hi there, you can give this a try, but do keep in mind that whether someone is going to see it all on one line or not depends a lot on how they have their browser configured. If they have a larger minimum font size set, or perhaps they have changed a default font, or if they have a standard + zoom level set, that is out of our control.

  @media screen and (min-width: 960px) {
  	.main-navigation a {
  		text-transform: none;
  		font-size: 75%;
  		padding-right: 0;
  	}
  }

  I’ve used a Media Query to limit this to screens/windows 960px and wider. at 959px and narrower the touch device menu is active and we don’t want to reduce those for usability reasons.

• 

  mikedoyleblog · Member · Jun 28, 2017 at 4:10 pm

  • Copy link

  Right, I didn’t consider that. Thank you for your help!