Set Custom Media Query Breakpoints

[abaney]

It would be great if one could set custom media query breakpoints from the WP admin. Thanks!

[lukecav]

That would be a cool feature.

[peepshow]

In the meantime can anyone suggest the best/most sensible way to override the default breakpoints?

[wilthil]

+1

[lunacroft]

👍

[arielk]

Just to understand why it is so necessary to control these settings.. Is breakpoint for Mobile it not 768px (or 1024px for tablet)?

[hybridvision]

@arielk: It's necessary to control breakpoints because they should be chosen based on the design and content, not specific device sizes (which will become outdated). More info here.

PS: Elementor is great and keeps getting better, thanks to team Pojo!

[arielk]

As from the last version (0.8) we're using these two primary breakpoints:
A. 768px and below for mobile.
B. 1024px and below for tablet.

I think that it covers the most devices. We prefer to keep it more simple for most users.
For more customization you can always use custom CSS.

[peepshow]

@arielk the main thing that I think is needed here is the ability to control when the columns collapse, and how they do so. For example I have a 4 column section that I'd like to collapse to 2 columns at around 1024px, and then to 1 column at around 600px. Currently it just gets squeezed down until it drops to 1 column at 768px, this doesn't work as well as it could.

The new media based padding and margins are excellent, thank you for that addition. But greater control of column collapse would make a huge difference. @hybridvision is right on the money, MQ's aren't about screen size as much as they are about content. Also there aren't actually 3 prescribed screen sizes, there are hundreds of device sizes and it's important to have some control of layout no matter what.

Elementor is a great tool, and the improvements are coming think and fast, thank you for that.

[dasigna]

... o.k. so you had landscape view and it 'wasnt helpful' - dont know who decided that, but this was helpful indeed for me to follow the demands/request of the clients.

everything else to custom previews or breakpoints is already mentioned above, and that does matter as you have to 'fiddle' about the right way of responsiveness on about every new site (or sometimes page). so dont let that vanish out of sight!

it may be a solution for average users to keep it as simple as possible (which is a good point), but in my opinion there should be a way for the advanced ones (or designers) to deal with custom settings (or even better for some things: global settings for the end user).
maybe put that into a pro version if you want to - i'll buy it.