Jump to content

I have a split screen design, but on mobile the text is overlapping the image.

Recommended Posts

Posted

Hello there -

I have custom CSS in my site to create a split screen view on one of my page sections. I also implemented the code that is supposed to fix the viewing issues on mobile - screen size below 786px wide. I thought i had input that code correctly - BUT when i view it on mobile the text is overlapping the image instead of sitting below it. Help!! Any suggestions to the CSS code??

The site is still private because we're still making tweeks - so i provide a pic of the issue that's happening.

Thank you!

Screen Shot 2020-12-08 at 8.14.07 PM.png

  • Replies 1
  • Views 692
  • Created
  • Last Reply
Posted
30 minutes ago, Corrie05 said:

Hello there -

I have custom CSS in my site to create a split screen view on one of my page sections. I also implemented the code that is supposed to fix the viewing issues on mobile - screen size below 786px wide. I thought i had input that code correctly - BUT when i view it on mobile the text is overlapping the image instead of sitting below it. Help!! Any suggestions to the CSS code??

The site is still private because we're still making tweeks - so i provide a pic of the issue that's happening.

Thank you!

Screen Shot 2020-12-08 at 8.14.07 PM.png

You can provide site wide password so we can provide the solid solution

BeyondSpace - Squarespace Website Developer

🖼️ Lightbox Studio (Pinch/Zoom images, videos - PDFs Lightbox - ...) </>  🗓️ Delivery Date Picker (Date picker form field)
Gallery block 7.1 workaround </> 🤖 Ask me anything

Archived

This topic is now archived and is closed to further replies.

×
×
  • 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.