Fixing type size across devices

[HDTV-Entertainment]

My tagline is a good size on a browser, however it is quite small in an IPad.
Is there some way to force a type size in different devices so they are designed better?

Rick

[Bill Robbins]

Rick,

You can change the font-size of the tagline at different device widths. Here’s what to do:

1. Go to the Theme Options page and select the Styling tab.
2. Scroll down to the Custom CSS box and paste this:

   
   #tagline h2, 
   #tagline p {
   	font-size: 16px;
   }
   
   @media only screen and (min-width: 768px) and (max-width: 1024px) { 
   		
   	header.primary #tagline {
   		font-size: 16px;
   	}
   	
   }
   

3. Update your settings.

The top style will set the font-size on browser widows larger than 1024 pixels wide. The bottom one will set the size on screens between 768 pixels wide and 1024 pixels wide. The tagline is hidden on screens smaller than that. You can change the 16 in either one to make the font larger or smaller in pixels.

If you run into trouble, let me know,
Bill

[Author]

Posts