Css not working for media query

[Jennine]

Hello,
I am trying to display: none for my background image at 600px. However, it is not working. Please advise

Thank you

[raye]

How did you add the background image? If you used the advanced check beside the background color selector and added there a background image, you have two slots – one for upper and one for lower image.

These images gets a very own div container inside the section. You can use

.media-hero-bg .x-bg-layer-lower-image {
    display:none;
}

or

.media-hero-bg .x-bg-layer-upper-image {
    display:none;    
}

should work.

But again: it is just a guess, since we do not know, how you added the background image.

[Jennine]

@raye

.media-hero-bg .x-bg-layer-lower-image

thank you that worked

[marc_a]

Hey @Jennine,

We’re glad that it is now working on your end. It is also advisable to learn how to inspect the element to check if you are targeting the correct CSS class.

• https://www.wpbeginner.com/wp-tutorials/basics-of-inspect-element-with-your-wordpress-site/

@raye, thanks for chiming in.

Cheers!