Css Media Query Issue
Question
Hello @artf There is an issue on demo page as well as library in media query. Issue is that if user update style on mobile view first and then the tab view then media query do not work for mobile view. If we update style for desktop first, tab second and mobile third then everything works fine but if we reverse the step mobile view first, tab view second and desktop view third then css/media query will not work for tab and desktop view.
@media (max-width: 480px) {
#if70u {
font-size: 20px;
}
}
@media (max-width: 992px) {
#if70u {
font-size: 40px;
}
}
I think it was due to 480 should be down and 992 should be above. Any help would be appreciated, thanks!
Answers (3)
@Sharsie #1996
@artf Problem is that if we add a style mobile first and then on tab then mobile view css is override by tab view and all the css applied for the mobile view will not apply on the mobile view as it override by tab view.
@artf Any Update about this as it's a big issue. User can not update css for tab once they apply for the mobie first. They need to delete and readd that element.
Related Questions and Answers
Continue research with similar issue discussions.
Issue #896
[BUG] Media query rules are overridden by class rules in canvas
Hi @artf , I've noticed an issue while testing one of my templates using different device configurations that supposed to trigger media que...
Issue #1512
Undo/Redo not working in Countdown and Navigation element
Hi @artf, when i drag countdown and navigation in live demo and click on undo/redo button then nothing happens.can you please provide some...
Issue #1579
Border Color Issue
@artf There is bug in the border color if you drag a button on the editor and paste color like rgb(255, 0, 0) in border color and select an...
Issue #2044
Npm start to develop on local server didn't work
Did the procedure to start the local server using dev branch as described on README, it worked on the console, but fails on chrome and the...
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.