Jump to content

Mobile Displays Code Block as Empty Space

Recommended Posts

Working with 7.1 and not enjoying it at all.  I added code blocks as anchor points, no visible text.  The blocks on the desk top do not appear but on the mobile version they are creating huge space gaps on the page.  Sizing them doesn't seem to have an impact.  They shift around and break the anchor point as I'm editing.  I have no idea how to remove the space gaps due to a block with no content.  Deleting them from mobile deletes the anchor. Ideas?

image.png

Link to comment
11 minutes ago, MeganLBHC said:

Working with 7.1 and not enjoying it at all.  I added code blocks as anchor points, no visible text.  The blocks on the desk top do not appear but on the mobile version they are creating huge space gaps on the page.  Sizing them doesn't seem to have an impact.  They shift around and break the anchor point as I'm editing.  I have no idea how to remove the space gaps due to a block with no content.  Deleting them from mobile deletes the anchor. Ideas?

image.png

Have you tried changing the layout on mobile on fluid engine?

https://recordit.co/nsyvNN1PbL

BeyondSpace - Squarespace Website Developer

🖼️ Lightbox Studio (Enable Pinch/Zoom on lightbox, video lightbox and much more)
🗓️ Delivery Date Picker (Squarespace Date picker form field)
💫 Gallery block 7.1 workaround
🥳 No-code customisations for Squarespace (+100 Spark plugin customisations)
🥳 Freemium Squarespace Widget Templates (+1000 Elfsight 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

@Beyondspace Thank you for sharing the video.  I am using fluid engine and that is where the code block is creating the gap.   The anchor code block needs to stay at the top of the section, and the only resizing it is letting me do is drop it from full width to a box that is 6 segments tall x 2.5 wide.  

image.png.7f65bed272e409ef0554cb12442b006d.png

 

Also, when I'm making adjustments on mobile it is drastically changing the desktop version and I don't see how to disconnect that activity.  Is there a way to do that because I'm ready to chuck this if not?  Thanks in advance for your response. Appreciate you.

 

Link to comment
21 hours ago, MeganLBHC said:

@Beyondspace Thank you for sharing the video.  I am using fluid engine and that is where the code block is creating the gap.   The anchor code block needs to stay at the top of the section, and the only resizing it is letting me do is drop it from full width to a box that is 6 segments tall x 2.5 wide.  

image.png.7f65bed272e409ef0554cb12442b006d.png

 

Also, when I'm making adjustments on mobile it is drastically changing the desktop version and I don't see how to disconnect that activity.  Is there a way to do that because I'm ready to chuck this if not?  Thanks in advance for your response. Appreciate you.

 

Can you take video recording of your issue? Sorry that I am still not clear your point, a video could be more visible for me to understand

BeyondSpace - Squarespace Website Developer

🖼️ Lightbox Studio (Enable Pinch/Zoom on lightbox, video lightbox and much more)
🗓️ Delivery Date Picker (Squarespace Date picker form field)
💫 Gallery block 7.1 workaround
🥳 No-code customisations for Squarespace (+100 Spark plugin customisations)
🥳 Freemium Squarespace Widget Templates (+1000 Elfsight 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.