Mobile Font Size

• 

  sebastianowendesign · Member · Jul 9, 2016 at 8:55 pm

  • Copy link
  • Add topic to favorites

  Hi!,

  After speaking with a wordpress ‘happiness engineer’ I have been directed to post my query here. Below is my query to them regarding text size, which is appearing far too large on the mobile site, as the responsive theme does affect text size.

  I am looking for CSS code for the following:

  “Is there a way to only re size the text when viewed on mobile? As I do not want to reduce the title headings on web, as they will appear too small but on mobile they still run across each page.

  I just checked a mobile blog post and the text is still hyphenating, even
  though I have entered your CSS code. Please let me know if you have a solution to stop hyphenating on mobile”

  Thank you!

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

• 

  hallluke · Member · Jul 9, 2016 at 11:20 pm

  • Copy link

  Try adding the following code to your custom CSS which should shrink the titles for mobile and tablet viewers:

  @media screen and (max-width: 768px) {
  	.entry-title {
  		font-size: 1.2em;
  	}
  }