Jump to content

Can I change mobile breakpoint in 7.1

Recommended Posts

Site URL: https://orchid-deer-93zh.squarespace.com/

Hi,

 

As you can see from my website, I have 3 markdown-boxes next to each other with different background colors. When you view the website on mobile, they go nicely on a stack, but when you view the site on a tablet they are uneven and look horrible.

I was first thinking is there a way to have a fixed height for these boxes? Would that be a good option?

Or - can I change the mobile breakpoint so that they go on a stack on a tablet as well? And how would I do that?

 

Thanks in advance!

Link to comment
  • Replies 3
  • Created
  • Last Reply

Add to Home > Design > Custom CSS

@media screen and (min-width:768px) and (max-width:991px) {
div#page-section-5e5ec1563e6900506a8d0441 .span-12 .span-4 {
    width: 100%;
}
}

 

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
  • 5 months later...
On 10/17/2020 at 8:55 PM, coriwhat said:

Hey Tuan - can you help me too? I am trying to do the same, however the buttons on my homepage are collapsing into mobile stack much later than the burger menu, etc. is appearing. I'm trying to do it for the same reason, I don't want my buttons to become uneven... corinne.studio/food, thanks!

Hi. Which buttons? Can you take a screenshot? We can check easier

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

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.