Archived topic

Maximum content width adjustment

3 replies · Started by Hasan on May 19, 2019

Viewing posts 1–4 of 4

May 19, 2019 at 2:08 am #904158

On a large screen, my site contents are shown on maximum set width, but have margin on the left and right side, which is nice.

However on medium screen, the content is shown edge to edge: http://prntscr.com/nqhf84

How can I set maximum content with on the medium screen to say 90%.

Also how to display the contents on this page (created with Show Posts) edge to edge for mobile, same as the home page?

Thanks!

May 19, 2019 at 5:49 am #904281

Hi there,

try adding this CSS:

@media (max-width: 1480px) {
    #content {
        margin-left: 20px;
        margin-right: 20px;
    }
}

June 3, 2019 at 1:37 am #918233

Thanks David!

Used a slightly modified media quary and it worked!

June 3, 2019 at 4:21 am #918309

Awesome - glad to be of help

This archived topic is closed to new replies.