Jump to content

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

Recommended Posts

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

Link to comment
  • Replies 1
  • Views 618
  • Created
  • Last Reply
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 (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

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.