Exact size in media query
I used a trick and it was solved. deviceManager.add('Extra Small', '576px', { widthMedia: '576px' }); deviceManager.add('Small', '767px', { widthMedia: '767px) and (min-width:577px' }); deviceManager.add('Medium', '991px', { widthMedia: '991px) and (min-width:768px' }); deviceManager.add('Large', '1199px', { widthMedi...
Read full answer below ↓Question
I want the changes made to the page to be displayed only when the size is selected.
Image
Answers (3)
I used a trick and it was solved.
` deviceManager.add('Extra Small', '576px', {
widthMedia: '576px'
});
deviceManager.add('Small', '767px', {
widthMedia: '767px) and (min-width:577px'
});
deviceManager.add('Medium', '991px', {
widthMedia: '991px) and (min-width:768px'
});
deviceManager.add('Large', '1199px', {
widthMedia: '1199px) and (min-width:992px'
});
deviceManager.add('Extra Large');`I have the same problem please help me Thanks
@artf In fact I want min-width and max-width for devices selected
Related Questions and Answers
Continue research with similar issue discussions.
Issue #1224
[Bug] Media query and classes rendering issue
Hi, I was trying to make a responsive layout but I discovered that the device switcher does not work consistently. The issue can be replica...
Issue #2805
[QUESTION] "Changes you made may not be saved." alert popup is displayed
Hey guys I have some problem related to alert which displayed when I tried log out of page. Actually I do not know bug is it or something e...
Issue #2705
[Question] Adding image sizes to image
When I add an image attribute to the page I noticed that inside of the component the image has attributes to it. When I call my images into...
Issue #4784
Bug resize image
GrapesJS version[X] I confirm to use the latest version of GrapesJSWhat browser are you using? 108.0.5359.73Reproducible demo link https://...
Paid Plugins That Match This Issue
Curated by issue keywords and label relevance to help you ship faster.
Loading paid plugin recommendations...
Check the open-source GrapesJS plugins on GitHub or run a quick search in our free catalog.
Browse free plugins →Premium plugins ship with support, regular updates, and production-ready features — save days of integration work.
Browse premium plugins →Related tutorials
In-depth guides on the same topic.
Tutorial
GrapesJS Inline RTE Plugins Update: CKEditor 5 v0.1.4 and Froala Inline Text Editor
CKEditor 5 Inline for GrapesJS v0.1.4 fixes Studio SDK toolbar clipping, iframe injection and link balloon bugs. Compare with Froala Inline — both $69.
Tutorial
Big Updates: TinyMCE 8 and Placeholder 2.0 for GrapesJS
In May we shipped major updates to two of our most popular GrapesJS plugins — TinyMCE Inline Text Editor and Placeholder.
Tutorial
GrapesJS vs Webflow vs Builder.io vs Puck: Which Visual Builder to Choose in 2026
A practitioner's 2026 comparison of GrapesJS, Webflow, Builder.io, and Puck — pricing, AI features, lock-in, and a one-line rule for picking the right one
Browse Plugin Categories
Jump directly to plugin category pages on the marketplace.