Issue #1506Opened October 11, 2018by YashPrince1 reactions

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)

artfMay 12, 20191 reactions

@Sharsie #1996

YashPrinceOctober 12, 20180 reactions

@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.

YashPrinceOctober 31, 20180 reactions

@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.

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.