Breakpoints don't match media query in canvas
Question
Hey @artf
I have multiple breakpoints

The problem is that when i am a resolution (set using the icons) like 411 (mobile) not always the canvas show the style of the elements in that resolution. Canvas use the media query of the tablet and not the resolution that is set from the device manager for mobile.
Ex: I am on 411 resolution but the priority is the tablet breakpoint that canvas display the page.

A solution is set forceClass = true?
Answers (3)
@artf please help
Hi @MariusDK I'm not really sure if I got your problem, can you create a little online demo to show better the issue? Maybe you're talking about the difference between the canvas size and the actual media query in CSS? In that case, you can change them:
// 900px is the size of the canvas, by default it will
// be used also for the CSS media query
editor.DeviceManager.add('tablet2', '900px', {
// You can use widthMedia option to change the media query in CSS
widthMedia: '850px',
});
This issue has been automatically closed because there has been no response to our request for more information from the original author. With only the information that is currently in the issue, we don't have enough information to take action. Please reach out if you have or find the answers we need so that we can investigate further.
Related Questions and Answers
Continue research with similar issue discussions.
Issue #3389
MultiSelect some elements and change styles only work on the last selected element
Hi, when I MultiSelect some elements using shift, and change style in styleManager. Only the last clicked element will update the style. Ca...
Issue #3058
How to modify existing block properties in style manager
Version: 0.15.9 How to modify/remove few CSS properties for existing blocks like(text, image) in style manager I have checked the following...
Issue #3444
removeButton() causing error
Hi, I'm trying to remove a button from panel using this code editor.Panels.removeButton('options', 'fullscreen') . It removes the button bu...
Issue #3404
Style Manager Issue.
Hi @artf I want to hide and show style properties for specific component. After referencing this issue https://github.com/artf/grapesjs/iss...
Paid Plugins That Match This Issue
Curated by issue keywords and label relevance to help you ship faster.
Loading paid plugin recommendations...
Browse Plugin Categories
Jump directly to plugin category pages on the marketplace.