I'm trying to add responsive @media rules to my Salient child theme. It picks up the @media rule when in full screen mode: '@media only screen and (min-width: 1000px)', but when I test in responsive mode like this: '@media only screen and (max-width: 690px)' it doesn't appear to be picked up at all. Inspecting the code in responsive view it shows that the class is specified on the element on the loaded page, so the class is there. But CSS from the class is not applied when in responsive/small-screen viewing. Is this by design? Is there a way to include small screen responsive css using @media in the child theme css?
The media query is likely not setup correctly as Salient does not limit any queries. Could you provide your site url so we can take a look and the CSS you are trying to add.
Good morning,
I'm trying to add responsive @media rules to my Salient child theme. It picks up the @media rule when in full screen mode: '@media only screen and (min-width: 1000px)', but when I test in responsive mode like this: '@media only screen and (max-width: 690px)' it doesn't appear to be picked up at all. Inspecting the code in responsive view it shows that the class is specified on the element on the loaded page, so the class is there. But CSS from the class is not applied when in responsive/small-screen viewing. Is this by design? Is there a way to include small screen responsive css using @media in the child theme css?
Hey lukeadams , Hope you had a Positive Weekend,
The media query is likely not setup correctly as Salient does not limit any queries. Could you provide your site url so we can take a look and the CSS you are trying to add.
Thanks
ThemeNectar Support Team