Jump to content

Fluid Engine is Glitchy and Terrible

Recommended Posts

Site URL: https://www.abakusprojects.com/artists/liz-liguori

The new fluid engine has been nothing but a headache for me and I'm surprised someone thought it was a good idea to release it. What used to take me a couple of hours to do now takes me days to get right, and gone is the consistency in spacing that made my website look good. My current experience in designing a page might make me stop using Squarespace.

The problem I'm having now is that a page I created yesterday looks okay on a desktop, but is not working at all on a mobile - all the elements are all over the place, and in one case there is text that doesn't even shows up in mobile view. I get more views on my site through mobile devices and I'm on a deadline to get this right.

Any help would be so appreciated. Right now there isn't anyone available from Squarespace as the live chat is down.

Screen Shot 2022-10-06 at 10.54.36 AM.png

Screen Shot 2022-10-06 at 10.54.51 AM.png

Screen Shot 2022-10-06 at 10.20.44 AM.png

Link to comment
  • 2 weeks later...

Not sure if this helps:

The mobile renderings in Fluid Engine have some "ideosyncracies" [I'm being kind here...].

  1. First, the order the blocks were entered in determines the default mobile layout. So generally the mobile view of any page created in desktop view is messed up and needs its own edits. To remedy this, switch to mobile view and arrange the blocks in each section as you desire them to appear. Does NOT affect the desktop view in fluid engine as it would in the classic editor. In the future, to reduce the PIA factor, enter the blocks as you would like them to appear in the mobile view, or do your first page builds in mobile view, then switch to desktop view and tweak for desktop. 
  2. Second, do NOT delete any block in either view, as deletions carry between the views. To make a block only appear in one view needs some code or CSS code. 
  3. Third, try both views in a variety of devices. Also one can emulate the mobile device by using a browser but making the browser window very narrow, say 400 pixels wide.  Also, try on a mobile device in both portrait and landscape views (rotate the phone, and have the rotate feature enabled on the phone in settings menu.

Good luck!

 

Link to comment
1 hour ago, FlyDresser said:

To make a block only appear in one view needs some code or CSS code.

Or you can simply resize it and then hide it behind another block 🙂

Improve your online store with our extensions.
About: Squarespace Circle Leader since 2017. I value honesty, transparency, appreciation and great design ♥.
Work: Squarespace Developer and founder of SF Digital, building the features Squarespace didn't include™.
Content: Links in my posts may refer to SF Digital products or may be affiliate links.

Buy me a coffee

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.