Font size for mobile only

• 

  johannecouture · Member · Mar 13, 2017 at 6:05 pm

  • Copy link
  • Add topic to favorites

  Hi!

  I need help to change the font size of my menu, but only for mobile. Something like :

  @media only screen {
  #header {
  font-size:150%;
  }

  Thanks :)

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

• 

  thesacredpath · Member · Mar 14, 2017 at 12:36 am

  • Copy link

  Hi there, it’s sort of hard to determine what width is “mobile” anymore with nearly 100 screen sizes on mobile devices, but I typically use 600px, so the CSS to increase the font size for mobile would be this.

  @media screen and (max-width: 600px) {
  	#access {
  		font-size: 150%;
  	}
  }