Jump to content

Switched to 7.1 and website is not mobile responsive

Go to solution Solved by paul2009,

Recommended Posts

Hello,

I switched my site to 7.1 and am now noticing the mobile responsiveness is just not working. I have to go in and do a lot of manual editing in mobile view. Usually it's things like the elements are in the wrong order, image and text blocks are not aligned properly - little things like that, but they all add up and cost me time fixing.

Is this an issue Squarespace is aware of and working on? It's a pain to have to manually edit in mobile view all the time.

Thanks!

Link to comment
  • Solution
8 minutes ago, amandaclairef said:

I switched my site to 7.1 and...I have to go in and do a lot of manual editing in mobile view...the elements are in the wrong order, image and text blocks are not aligned properly.

This is a feature of Fluid Engine sections where you can design your mobile layout independently from your desktop layout. This was a widely requested feature but designing both layouts does add a time penalty.

If you'd prefer to use the classic "LayoutEngine" editor where there isn't a separate mobile layout, you can still add page sections that use this instead. To use these, scroll down past all the new section options to choose the classic ones.

Did this help? Please give feedback by clicking an icon below  ⬇️

About me: I'm Paul, a SQSP user for over 18 yrs and a Circle Leader since 2017. I value honesty, transparency, diversity and good design ♥.
Work: Founder of SF.DIGITAL, providing high quality original extensions to supercharge your Squarespace website. 
Content: Views and opinions are my own. Links in my posts may refer to my own SF.DIGITAL products or may be affiliate links.
Forum advice is completely free. You can thank me by selecting a feedback emoji below. Buying a coffee is optional.

Book paid help with domains: Connect a GoDaddy domain. Connect a Squarespace Domain. Domain assistance

Link to comment
3 minutes ago, paul2009 said:

This is a feature of Fluid Engine sections where you can design your mobile layout independently from your desktop layout. This was a widely requested feature but designing both layouts does add a time penalty.

If you'd prefer to use the classic "LayoutEngine" editor where there isn't a separate mobile layout, you can still add page sections that use this instead. To use these, scroll down past all the new section options to choose the classic ones.

Did this help? Please give feedback by clicking an icon below  ⬇️

Thanks for your reply!

Link to comment
  • 2 months later...

I'm having similar issues but my problem is with the navigation not being responsive.  I have tried to change the spacing and width of the menu and even removed items in the menu but I still get text pilled up.  My website is www.holyredeemerkissimmee.org. I have attached a screenshot for your review and suggestions.

Screenshot 2024-04-16 at 9.06.03 AM.png

Link to comment
6 minutes ago, mariadelamo said:

I'm having similar issues but my problem is with the navigation not being responsive.  I have tried to change the spacing and width of the menu and even removed items in the menu but I still get text pilled up.

@mariadelamo Go into Site Styles and check the settings that you've assigned to the Site Navigation Font.

Currently the Line Height is set to 0px which means the text will overwrite instead of spacing down to the next line. Try something like 1.5em instead:

image.thumb.png.728a1650ae41326a4a401d0ff5360978.png

Did this help? Please give feedback by clicking an icon below  ⬇️

About me: I'm Paul, a SQSP user for over 18 yrs and a Circle Leader since 2017. I value honesty, transparency, diversity and good design ♥.
Work: Founder of SF.DIGITAL, providing high quality original extensions to supercharge your Squarespace website. 
Content: Views and opinions are my own. Links in my posts may refer to my own SF.DIGITAL products or may be affiliate links.
Forum advice is completely free. You can thank me by selecting a feedback emoji below. Buying a coffee is optional.

Book paid help with domains: Connect a GoDaddy domain. Connect a Squarespace Domain. Domain assistance

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.