set max width on blog row

Site URL: https://soif.squarespace.com/platsannonser

hi.

I would like to set a maxwidth for the blog page named (platsannonser) to 1920, becouse it doesnt lineate with the page title if it goes above 1920.

how do i go about doing that?

kind regards

On 12/1/2021 at 10:05 PM, crispinjo said:

Site URL: https://soif.squarespace.com/platsannonser

hi.

I would like to set a maxwidth for the blog page named (platsannonser) to 1920, becouse it doesnt lineate with the page title if it goes above 1920.

how do i go about doing that?

kind regards

Have you solved it yet?

It seems fine at the moment

No the problem is still there. if you open it in your browser and pull your browser sideways you will se the problem. 🙂  it only occurs on really big screens. So my goal is to have max width where the block wont expand above. 

On 12/3/2021 at 6:21 AM, crispinjo said:

No the problem is still there. if you open it in your browser and pull your browser sideways you will se the problem. 🙂  it only occurs on really big screens. So my goal is to have max width where the block wont expand above. 

Add to Design > Custom CSS

/* blog width */
.blog-side-by-side.collection-content-wrapper {
    max-width: 1600px;
}

Thank you! it worked pefectly!

On 12/6/2021 at 9:13 PM, crispinjo said:

Thank you! it worked pefectly!

 

I see the blog list page content in mobile is a bit narrow, you can add this to Design > Custom CSS to increase its width

/* Mobile blog list width */
@media screen and (max-width:767px) {
.blog-side-by-side.collection-content-wrapper {
    padding-left: 0px;
    padding-right: 0px;
}
}