• Resolved gdaytaiwan

    (@gdaytaiwan)


    Hi Sketch support

    I find the font a little hard to read on mobile screens, could I please have the css to increase its size on small screen resolutions only? Many thanks.

    The page I need help with: [log in to see the link]

Viewing 3 replies - 1 through 3 (of 3 total)
  • Moderator Kathryn Presner

    (@zoonini)

    @gdaytaiwan Looks like you’ve already modified the font size in your custom CSS with this:

    .entry-content p {
        font-size: 0.93em;
    }

    That’s what’s making the font so small on mobile devices. It also only targets paragraphs, and no other elements within posts and pages, like lists.

    I would suggest removing that and adding something like this instead, in this order:

    
    /* Set default font size in posts and page content */
    .entry-content {
       font-size: 1.1em;
    }
    
    /* Reduce font size a bit on larger screens only */
    @media screen and ( min-width 800px ) {
      .entry-content {
        font-size: 0.93em;
      }
    }

    You can adjust any of the values as you like, or add other elements if you’d like to target them as well (i.e. widgets, menu, etc.)

    Thread Starter gdaytaiwan

    (@gdaytaiwan)

    Thank you! it looks much more legible!

    Moderator Kathryn Presner

    (@zoonini)

    Great, glad that does the trick!

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Increase font size on mobile view’ is closed to new replies.