Mobile breakpoint

My site collapses to mobile view too early on desktop view. How can I fix that? What the mobile breakpoint code I can use?

Are you able to share a link to your website?

Sure. https://johnetterleebooks.com/

Since you're using the Brine template you can adjust the mobile breakpoint in the style editor.

https://support.squarespace.com/hc/en-us/articles/212838128#toc-mobile

Should I keep the default?

Ok, I got it. Thank you.

Is there a way to include the header image I have on desktop on mobile also? Here's the code I have: 

.Header--top {
    background-image: url(https://static1.squarespace.com/static/5d4c573da7991a00018356bc/t/5dd5ef4cd168ef7c6a901a6b/1574301516774/Untitled+design.jpg);
    background-size: cover;
    background-position: center center;
}

Yes, try the below CSS.

.Header--top, .Mobile-bar--top {
    background-image: url(https://static1.squarespace.com/static/5d4c573da7991a00018356bc/t/5dd5ef4cd168ef7c6a901a6b/1574301516774/Untitled+design.jpg);
    background-size: cover;
    background-position: center center;
}

Worked. Thanks!

One more question. What about social icons in the mobile menu?