Fluid Engine is Glitchy and Terrible

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.

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!

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 🙂