Adjusting Blog Width

Hi there,

This will make the site take up more of the screen on larger screens:

/* Increase site width on larger screens */

@media screen and (min-width: 90em) {
    .site {
        max-width: 1340px;
        padding: 54px;
    }
}

Add it to your site from Customize > Additional CSS.

Thank you very much.

Now I’m able to fiddle with the width, but this has lead to a few more questions.

1)If I remove the sidebar, the width returns to it’s oringinal size of being too narrow.

2) And do you know if there is any reason that putting in this code would make an email subscription bar disappear? (I was using sumome’s email subscription bar.
Because it appears that has happened. Is this something you can help me with? Or should I head over to Sumo support?

1)If I remove the sidebar, the width returns to it’s oringinal size of being too narrow.

The theme uses different CSS when no sidebar is present, so additional code is needed to adjust for that scenario.

Here’s something you can try for the view without a sidebar

/* Increase site width on larger screens without sidebar */

@media screen and (min-width: 90em) {
    .no-sidebar .site {
        max-width: 1340px;
        padding: 54px;
    }
}

do you know if there is any reason that putting in this code would make an email subscription bar disappear?

Not that I’m aware of. When I tested the code I sent for the no-sidebar view, I could still see the email subscription bar: