Issue #2583Opened February 18, 2020by MariusDK0 reactions

Breakpoints don't match media query in canvas

Question

Hey @artf

I have multiple breakpoints image

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.

image

A solution is set forceClass = true?

Answers (3)

MariusDKFebruary 24, 20200 reactions

@artf please help

artfMarch 1, 20200 reactions

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',
});
no-response[bot]March 11, 20200 reactions

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.

Paid Plugins That Match This Issue

Curated by issue keywords and label relevance to help you ship faster.

View all plugins

Loading paid plugin recommendations...

Browse Plugin Categories

Jump directly to plugin category pages on the marketplace.