Font on desktop vs. mobile

• 

  luceone · Member · Mar 23, 2017 at 10:05 pm

  • Copy link
  • Add topic to favorites

  On posts the desktop font is the same size on mobile which looks too big on a smaller screen. Is there any way to make it responsive or smaller on mobile?

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

• 

  phongtt6 · Member · Mar 24, 2017 at 3:22 am

  • Copy link

  Hi there,

  The font-size won’t respond when resizing the browser window. Instead they respond to the browser zoom/type size settings, such as if you press ctrl and + together on the keyboard while in the browser.

  You would have to look at using media queries to reduce the font-size at certain intervals where it starts breaking your design and creating scrollbars.

  For example, try adding this inside your CSS at the bottom, changing the 320px width for wherever your design starts breaking:

  @media only screen and (max-width: 320px) {
     body { font-size: 2em; }
  }