Jump to content

Mobile page content completely scrambled compared to page on desktop

By BriRose, in Blocks

Go to solution Solved by paul2009,

Recommended Posts

BriRose Level 4

BriRose

Posted
Posted

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
  • Replies 2
  • Created
  • Last Reply

Top Posters In This Topic

Popular Days

Top Posters In This Topic

Popular Days

Popular Posts

paul2009
paul2009

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 t

BriRose
BriRose

@paul2009Thank you so much! This worked well, I'm such a dingus lol

  • Solution
paul2009 Level 17

paul2009

Posted
  • Solution
Posted (edited)
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

About: SQSP User for 17 yrs. Circle Leader since 2017. I value honesty, transparency, diversity and good design ♥.
Work: Founder of SF Digital, building Squarespace Extensions to supercharge your commerce website. 
Content: Links in my posts may refer to SF Digital products or may be affiliate links.
If my advice helped, you can thank me by clicking one of the feedback emojis below. I love coffee too.

Link to comment

Create an account or sign in to comment

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

Sign Up / Login
Go to topic listing
×
×
  • Create New...

Squarespace Webinars

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

Upcoming Webinars →

Hire a Designer

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

Get Matched →

Support

Community

Developers

Resources