Squarespace 7.1 Mobile Menu misaligned (see screenshot)

Site URL: https://moushi.co

Hey all! Hoping you can help with this one as I've removed CSS and tried everything I know how to try. To say I've been frustrated with 7.1 is an understatement, but hopefully this is an easy fix. 

On mobile, the right side has a bit of extra space then the left-hand side. Page width is set to 1980, site width is at 6vm, nothing I can see on the header styles should pose the issue. Any advice? Thanks!

Also, you'll see that on load, the color is glitchy. This has been an issue since the get-go. Anybody else experiencing that or know how to fix it?

Thank you all!

20 minutes ago, moushi said:

Site URL: https://moushi.co

Hey all! Hoping you can help with this one as I've removed CSS and tried everything I know how to try. To say I've been frustrated with 7.1 is an understatement, but hopefully this is an easy fix. 

On mobile, the right side has a bit of extra space then the left-hand side. Page width is set to 1980, site width is at 6vm, nothing I can see on the header styles should pose the issue. Any advice? Thanks!

Also, you'll see that on load, the color is glitchy. This has been an issue since the get-go. Anybody else experiencing that or know how to fix it?

 

Thank you all!

I've checked that it 's fine on your site (same padding left and right)

Do you mean the text-align of text? Some thing like this?

23 minutes ago, moushi said:

Site URL: https://moushi.co

Hey all! Hoping you can help with this one as I've removed CSS and tried everything I know how to try. To say I've been frustrated with 7.1 is an understatement, but hopefully this is an easy fix. 

On mobile, the right side has a bit of extra space then the left-hand side. Page width is set to 1980, site width is at 6vm, nothing I can see on the header styles should pose the issue. Any advice? Thanks!

Hey @moushi try to add next code in Custom CSS:

.burger {
  padding: 0 !important;
}