Jump to content

Mobile page content completely scrambled compared to page on desktop

Go to solution Solved by paul2009,

Recommended Posts

Hello, and thank you for taking the time to read this. I just redesigned my logo page, and and very happy with the results (on desktop). When I visited the page on mobile, all of the image blocks are scrambled and out of order completely, which would make it very hard for the user to understand what's going on- least of all enjoy the way it looks. Here is the page https://www.bmessinamyportfolio.com/design/logos

 

How do you think I should go about fixing this? Although the page was not as optimally laid out before, nor as enjoyable- it at least worked on mobile. Even if the horizontal groups cannot be preserved, I would at least like it to keep the order. Any recommendations? Really want to keep this layout for both mobile and desktop if possible. 

Link to comment
  • Solution
On 12/21/2022 at 7:47 PM, BriRose said:

When I visited the page on mobile, all of the image blocks are scrambled and out of order completely, which would make it very hard for the user to understand what's going on- least of all enjoy the way it looks.

Squarespace recently updated their editor to "Fluid Engine" to make it even more customisable on mobile devices.

If you are using Fluid Engine you can design your pages for desktop and then use the mobile preview to rearrange and resize your content to make it perfect for mobile devices. By default, the mobile view will show the elements in the order they were added instead of the order they are shown in the desktop view, so you'll need to rearrange them mobile on every page.

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

Edited by paul2009
Updated link to video

Me: I'm Paul, a SQSP user for >18 yrs & Circle Leader since 2017. I value honesty, transparency, diversity and good design ♥.
Work: Founder of SF.DIGITAL. We provide 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. Buying a coffee is generous but optional.

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.