Custom Mobile Breakpoint Settings
S
Sean Corey
Hello 👋 I would love the ability to set custom breakpoints for mobile and tablet views in EComposer.
A simple Global Setting where we can define our own breakpoint values... something like:
Mobile: 480px
Tablet: 768px
Currently the tablet breakpoint is fixed at 1024px which is too high for most themes. A Global Setting would let us match EComposer's responsive behavior to our theme's actual breakpoints, keeping everything consistent. 🙌
Anna Nguyen
Hi,
Thank you for your suggestion.
We'd like to clarify that the Desktop, Tablet, and Mobile views shown in the EComposer editor are primarily preview modes to help merchants design responsive layouts more easily.
While the editor displays fixed device sizes, the responsive styles themselves are applied using standard HTML/CSS responsive rules and media queries. In other words, the changes you make for Tablet and Mobile are not limited to the exact preview widths shown in the editor.
That said, we understand your request for customizable global breakpoints so they can align more closely with the breakpoints used by your theme. We can certainly see the value of having this level of control, especially for stores that use custom responsive frameworks.
We've shared your feedback with our product team for consideration in future improvements.
Thank you for helping us make EComposer better!
Best regards,
EComposer Team