Jump to content

Making a split screen stack on mobile?

Recommended Posts

  • Replies 5
  • Created
  • Last Reply

Top Posters In This Topic

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
5 hours ago, monicahardy said:

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

SS 7.0. Use Index page

SS 7.1. Use section background image + CSS Float

Email me if you have need any help (free, of course.). Answer within 24 hours. 
Or send to forum message

How to: Setup Password & Share url Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care

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.