Archived topic

Line Length on Mobile

2 replies · Started by Ian on May 18, 2021

Viewing posts 1–3 of 3

May 18, 2021 at 9:16 am #1788169

Hello, I am trying to get my line length at a good place for readability. I'm happy what I've done with this code.

.single-post .site-content {
padding-left: 120px;
padding-right: 250px;
}

However, it is making my mobile and tablet reading look terrible. Looking to only have this setting for laptops and desktops. Thanks!

May 18, 2021 at 9:53 am #1788229

Hi Ian,

You could add a media query to your CSS like this:

@media (min-width: 769px) {
    .single-post .site-content {
        padding-left: 120px;
        padding-right: 250px;
     }
}

You can adjust the 769px to a value that looks the best :)

July 10, 2021 at 11:33 am #1851185

Resolved

This archived topic is closed to new replies.