Changing width of content area site-wide to see background

I would also like to change how large the header space is.

Hi @goodwitchkitchen!

The amount of visible background image will depend on the screen size of the individual visitor (or you!). The content area has a set width – the wider each person’s screen is, the more of the background they’ll see.

For example, I see the background image on both sides when I view your site, but a narrower screen might not show as much, or any background.

If you’d like to force more background image (and narrower content) you can try this CSS:

.site {
    max-width: 950px;
    margin: 0 auto
}
@media screen and (min-width: 1180px) {
    .content-wrapper {
        padding-left: 40px;
        padding-right: 40px;
    }
    .content-area {
        width: 580px;
    }
}

Let me know how that works!

Yes, this worked. Thanks so much!

You’re welcome!