How Do I Change the Breakpoint on Squarespace Mobile?

There are two ways to change the breakpoint on Squarespace mobile. The first is to change the breakpoint in the Mobile Styles panel. To do this, go to Design > Mobile Styles. Then, under Site Layout, select a new breakpoint from the Breakpoint drop-down menu.

The second way to change the breakpoint is to use the Custom CSS Editor. To do this, go to Design > Custom CSS. Under Apply To, select This Page Only. Then, add the following code to the CSS Editor:

@media only screen and (max-width: [insert desired width here]) {
.sqs-layout {
max-width: none;
}

You can also use this method to change the breakpoint on a specific page or blog post. Just go to the Page Settings or Post Settings panel and select This Page Only or This Post Only from the Apply To drop-down menu.

Conclusion:

You can also use this method to change the breakpoint on a specific page or blog post.