@Media queries

[lorchme]

Sorry for this question I know its been answered but its not working for me.
when the screen size is 480 or less I want the background upper image to disappear or add a white background color to the upper color of the section (I have 3 sections where I want this done).
When I add my code it only works for the 1st section and I cant get the remaining 2 sections to work.

Site URL (page where I want to edit): http://staging.paragontech.net/leadership/

[marc_a]

Hi @lorchme,

Thanks for reaching out.

I check your CSS code and you are using the wrong CSS selector. The CSS you put didn’t do anything on the website. Please update your code to this one.

@media (max-width:480px) {
  .x-bg > .x-bg-layer-lower-image {
    background-image: none !important;
  } 
}

Please note that providing custom CSS code is outside the scope of our support. Issues that might arise from the use of custom CSS code and further enhancements should be directed to a third-party developer or you can avail One where we can answer questions outside of the features of our theme.

Hope that helps.

Thank you.

[lorchme]

Thanks. And Thanks for the quick response.

[nabeel]

Glad that we could be of help.

Cheers!