Jump to content

Split Screen - Mobile view not working

Recommended Posts

Hello, 
I recently noticed a few things have changed in my split screen sections even though I haven't changed the code.

1. The text (content-wrapper) on the left would move under the photo in mobile view, it now sits on top.
2. The background colour of the section isn't appearing either.

I hope someone can help me, as It was previously working perfectly.

Thank you!!

[data-section-id="60bda31d40956e03d4135f0f"]{
background-color:#F4F4F4; 
@media(min-width:767px){
 .section-background{
width:50%;
margin-left:50%; 
}
.content-wrapper {
width:50%;
margin-right:50% !important;
}
}
@media(max-width:767px){
display:block;
.section-background, .content-wrapper{
position:relative;
}
.section-background{
height:300px;
}
}

Screenshot 2022-11-23 at 8.04.32 pm.png

Link to comment
  • Replies 1
  • Views 169
  • Created
  • Last Reply

Top Posters In This Topic

Top Posters In This Topic

Posted Images

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.