Can I change mobile breakpoint in 7.1

janedoe4000 · April 29, 2020

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!

tuanphan · April 30, 2020

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%;
}
}

coriwhat · October 17, 2020

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!

tuanphan · October 19, 2020

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

Can I change mobile breakpoint in 7.1

Question

janedoe4000 0

Link to post

Top Posters For This Question

Popular Days

Top Posters For This Question

Popular Days

3 answers to this question

Recommended Posts

tuanphan 8,951

Link to post

coriwhat 0

Link to post

tuanphan 8,951

Link to post

Create an account or sign in to comment

Support

Community

Developers

Resources