Site logo

Archived topic

Single Post Mobile Width

7 replies · Started by Danny on October 10, 2018

Viewing posts 1–8 of 8

Hello, I applied the following CSS for desktop blog `body.single .grid-container {
max-width: 900px;
}
.one-container .site-content {
padding: 0;
}.

It looks good on the desktop, but not on mobile. On the mobile, the width is to the edge of the phone screen. Please help

Hi there,

What if you do this instead?:

@media (min-width: 769px) {
    body.single .grid-container {
        max-width: 900px;
    }

    .one-container .site-content {
        padding: 0;
    }
}

Hey Tom, no padding is applied, see below photo:

screenshot

Hi there,

Any chance you can guide me to a single post page?

Let me know :)

I do have it checked. Changed it and it works now, thanks Leo.

No problem :)

This archived topic is closed to new replies.