Jump to content

Squarespace 7.1 Mobile Menu misaligned (see screenshot)

Recommended Posts

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?

IMG_CB4C798E1AC3-1.jpeg

 

Thank you all!

Edited by moushi
Extra space

--
Making business human at moushi.co

Ps: Made a Squarespace Design Checklist you might dig.

Join me on twitter and let's be friends.

Link to comment
  • Replies 2
  • Created
  • Last Reply

Top Posters In This Topic

Popular Days

Top Posters In This Topic

Posted Images

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?

IMG_CB4C798E1AC3-1.jpeg

 

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?

image.png.e24af1413005d691a25b8fa1693207ce.png

BeyondSpace - Squarespace Website Developer

🖼️ Lightbox Studio (Enable Pinch/Zoom on lightbox)
🗓️ Delivery Date Picker (Squarespace Date format)
💫 Animated Buttons (Referral URL)
🥳 Sparkplugin Customisations Browsers (Browse +100 Spark plugin customisations)
🥳 Elfsight Template Browsers (Browse +1000 Elfsight widget Templates)

If you find my answer useful, let's leave a like or upvote so others with the same issue can find their solution. Thank you!

 

Link to comment
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;
}

 

SquareRefresh, premium plugins & templates that have an elevated feel.

Plugins: Have your site stand out. 
Templates: Our templates are designed with versatility in mind.
Get Freebies: Sometimes things in life are free. Browser our hand selected free plugins.

Link to comment

Create an account or sign in to comment

You need to be a member in order to leave a comment


×
×
  • Create New...

Squarespace Webinars

Free online sessions where you’ll learn the basics and refine your Squarespace skills.

Hire a Designer

Stand out online with the help of an experienced designer or developer.