Jump to content

Making a split screen stack on mobile?

Recommended Posts

  • Replies 5
  • Views 904
  • Created
  • Last Reply

You can set up a media query for when you want them to stack, in this case I have it set to tablet:

@media screen and (max-width: 769px) {
     .Index {
          display: block!important;
     }
     .Index-page {
          width: 100%!important;
     }
}

Let me know if that works!

Link to comment
  • 5 months later...
On 11/15/2019 at 12:46 PM, kdomonell said:

Hi! I created a split screen banner using flexbox, and I'm having a hard time getting the elements to stack on mobile, rather than stay squished on one line.

This is the page I'm working on: https://www.augustbitters.com/home

Would greatly appreciate any assistance I can get as my computer is on the verge of being thrown out the window 🙂 

Your site looks amazing! How did you get the split screen? I googled flex box and I'm still lost haha

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.