How to override default breakpoint?

8 years ago
22 July 2015
29 replies
377 views

Christopher_Robert
6 replies

I’m working with a template that starts cutting off text starting when the browser is around 800px wide. But the breakpoint for switching to the mobile (single-column) view is 600px. This is clearly an error as I do not want people with widths between 600px and 800px to have a poor experience. The solution is heartbreakingly simple and yet seemingly beyond me: updating the breakpoint from 600px to 800px. For some reason, I can’t edit the breakpoint in the Unbounce editor; it’s there, taunting me, but uneditable.

Can anybody advise on how to revise a breakpoint?

Thanks so much,

Chris

Show first post Hide first post

29 replies

Page 2 / 2

@Christopher_Robert What i ended up doing was using a CDN for bootstrap/materializecss/ etc. using their grid system i and custom coding html i was able to fix this issue.

I agree with you-- Its a shame that unbounce neglects these breakpoints out of the box. Clearly everyone doesn’t function their web views @ 600px OR 1600px width. Furthermore, not being TRUELY responsive, and stumbling upon a clipped page chips away at my brands credibly in the eyes of a new user.

+1 for an editable breakpoint, actual fluidity would be ideal to reach all of the device edge cases. Thanks.

+1 for editable breakpoint or at least have multiple default breakpoints right out of the box.

my boss just asked me why half of our site disappear when he resizes his browser. this is no good.

Apparently there is a breakpoint adjustment that can be made with a custom script. Any chance someone out in the Unbounce world can share how that is done?
Many Thanks

Page 2 / 2

Reply

Sign up

Log in to the Unbounce Community

Scanning file for viruses.

This file cannot be downloaded