Jump to content

Random White Block - Mobile Design Problem

Recommended Posts

Anybody know what this is about?

On 7.0, to hide on mobile, I could insert a CSS snippet and I would see the blocks disappear when I switch edit mode to mobile, and vise versa. It worked great, because then I could actually see the empty canvas of the mobile layout.

Now, im on squarekicker and 7.1 (because thats what the guy i hired insisted was best for these situations), and while the ability to hide is simple, the result while creating is I see the block greyed out, rather than completely removed.

Ok so just build under it? You'd think that would work, and SS would just stack the blocks that SHOULD be visible.

But that's what I did, and heres my current site on mobile. statestreetheadshots.com

There's a huge white block in the middle of it all, and I don't know why. 

Any ideas?

Screen Shot 2023-01-31 at 12.50.00 PM.png

Screen Shot 2023-01-31 at 12.50.19 PM.png

Edited by andruuuuu
Better title
Link to comment
  • andruuuuu changed the title to Random White Block - Mobile Design Problem
  • Replies 3
  • Views 401
  • Created
  • Last Reply

Top Posters In This Topic

Top Posters In This Topic

Posted Images

20 hours ago, andruuuuu said:

Anybody know what this is about?

On 7.0, to hide on mobile, I could insert a CSS snippet and I would see the blocks disappear when I switch edit mode to mobile, and vise versa. It worked great, because then I could actually see the empty canvas of the mobile layout.

Now, im on squarekicker and 7.1 (because thats what the guy i hired insisted was best for these situations), and while the ability to hide is simple, the result while creating is I see the block greyed out, rather than completely removed.

Ok so just build under it? You'd think that would work, and SS would just stack the blocks that SHOULD be visible.

But that's what I did, and heres my current site on mobile. statestreetheadshots.com

There's a huge white block in the middle of it all, and I don't know why. 

Any ideas?

Screen Shot 2023-01-31 at 12.50.00 PM.png

Screen Shot 2023-01-31 at 12.50.19 PM.png

It seems you are using fluid engine which allows you to drag element on mobile display: https://recordit.co/nsyvNN1PbL

Have you tried it yet?

BeyondSpace - Squarespace Website Developer

🖼️ Lightbox Studio (Enable Pinch/Zoom on lightbox)
🗓️ Delivery Date Picker (Squarespace Date picker form field)
💫 Gallery block 7.1 workaround
🥳 Sparkplugin Customisations Browsers (Browse +100 Spark plugin customisations)
🥳 Elfsight Template Browsers (Browse +1000 Elfsight widget Templates)

If you find my answer useful, let's leave a like or upvote so others with the same issue can find their solution. Thank you!

 

Link to comment

I check that you are using an empty section that makes white space

image.thumb.png.78277a9dc7ce4f68b73f25622a4fbcff.png

BeyondSpace - Squarespace Website Developer

🖼️ Lightbox Studio (Enable Pinch/Zoom on lightbox)
🗓️ Delivery Date Picker (Squarespace Date picker form field)
💫 Gallery block 7.1 workaround
🥳 Sparkplugin Customisations Browsers (Browse +100 Spark plugin customisations)
🥳 Elfsight Template Browsers (Browse +1000 Elfsight widget Templates)

If you find my answer useful, let's leave a like or upvote so others with the same issue can find their solution. Thank you!

 

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.