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', '...
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
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
"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
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
How to Build an AI-Powered Page Builder with GrapesJS in 2026
What we learned building GJSDocs — from simple AI text generation to structured, context-aware visual editing
Tutorial
How Much Does It Cost to Build a SaaS Page Builder in 2026?
How much does it cost to build a SaaS page builder in 2026? Explore realistic development costs, timelines, features, and how using GrapesJS can reduce
Tutorial
UnStudio for GrapesJS: 4 Plugins to Build Better Visual Editors
Meet UnStudio, a new GrapesJS plugin studio with four tools, safer and better editor: Command Palette, Responsive Pack, Autosave & Restore, and Autofill
Browse Plugin Categories
Jump directly to plugin category pages on the marketplace.