Jump to content

how to stop text overlaying the next image item on a page?

Recommended Posts


on some devices, a line of text will respond down to create 3 lines of text instead of 2. Not a problem. But what I want to do is have the icon, pushed down to match the other content where the is a consistent 2 lines with a consistent gap. I imagine there's an option to drop the text boxes and image boxes to 'push' the images down if the text box gets deeper?

Thanks in advance.


Link to comment
  • Replies 3
  • Created
  • Last Reply

Top Posters In This Topic

Popular Days

Top Posters In This Topic

Posted Images

If you make sure that the blocks don't have any overlap then when the text breaks to more lines it will push the icon down. If the block containing the icon is overlapping with the text blocks then your design will risk having overlapping content in some situations.

Please like and upvote if my comments were helpful to you. Cheers!

Zygmunt Spray
Squarespace Website Designer
Contact me: 

🔌 Ghost Squarespace Plugins (Referral link)
📈 SEO Space (Referral link)
 SquareWebsites Plugins (Referral link)
Spark Plugin (Referral link) 

 Did I help? Buy me a coffee?

Link to comment

Thanks for the reply Ziggy. I don't seem to have any overlap. (see image). If I add more text the text box above the calculator icon, it indeed does push the icon down. However, when viewing on my phone, without adding extra text, the line above breaks into 3 lines and the calc' icon stays where it is? Would I need to add padding in a code block I wonder?

Screenshot 2023-09-04 at 14.56.48.png

Edited by liddlejawa
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.