Mobile Menu Breakpoint set to 1025px

Site URL: https://www.edits.net/

I'm using squarespace 7.1 and the mobile menu breakpoint is set to 1025px rather than a standard 768px. This doesn't look good on a tablet or in a small browser window. I've tried adding media queries, and resizing the logo and menu items to fix the issue to no avail. Has anyone else encountered this issue or found a fix? I remember in previous versions being able to set the breakpoints within the design settings, is this no longer an option? Please help!

On 6/4/2022 at 1:01 AM, kwright22 said:

Site URL: https://www.edits.net/

I'm using squarespace 7.1 and the mobile menu breakpoint is set to 1025px rather than a standard 768px. This doesn't look good on a tablet or in a small browser window. I've tried adding media queries, and resizing the logo and menu items to fix the issue to no avail. Has anyone else encountered this issue or found a fix? I remember in previous versions being able to set the breakpoints within the design settings, is this no longer an option? Please help!

Media qurey for 1025px

@media only screen and (max-width: 1025px) {
  /*your selector and style*/
}