How To Keep The Font Size Of Site Title Same In Low Resolutions

• 

  hrhngx · Member · Jan 24, 2016 at 8:24 pm

  • Copy link
  • Add topic to favorites

  My site title is flexing and getting smaller than my site description in 1024×768 and lower resolutions such as mobile device screens…
  How can I prevent this in order to make the visual ratio between them remain fixed/stable in all resolutions?

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

• 

  thesacredpath · Member · Jan 26, 2016 at 5:32 am

  • Copy link

  You know, this is sort of a guess on the code, but add this to the very bottom of your custom CSS and give it a try.

  @media screen and (max-width: 1059px) {
  	.site-title {
  		font-size: 300%;
  	}
  	.site-description {
  		font-size: 140%
  	}
  }

• 

  hrhngx · Member · Jan 26, 2016 at 6:34 pm

  • Copy link

  Yes, sir; working well enough here; also quite useful & practical!
  Thank you very much, again; and have a nice day there…

• 

  thesacredpath · Member · Jan 27, 2016 at 8:07 am

  • Copy link

  You are welcome.