Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
    Posts
  • #1173752

    I found this code that works on one section: @media only screen and (max-width: 989px) {
    #leadership .av-parallax .av-parallax-inner {
    background-image: none !important;
    }
    }

    But I have 4 elements on the same page that require this, so I updated the code and it didn’t work (below)

    @media only screen and (max-width: 989px) {
    #leadership #constitutional #instructor #case-management .av-parallax .av-parallax-inner {
    background-image: none !important;
    }
    }

    I also added a comma that made the code look like: “#leadership, #constitutional” neither of these worked ( and it stopped the #leadership element that did work originall).

    #1173922

    Hey leahmessina,

    Thank you for the inquiry.

    You have to adjust the selectors a bit. Please try this code instead.

    @media only screen and (max-width: 989px) {
        #leadership .av-parallax .av-parallax-inner, #constitutional .av-parallax .av-parallax-inner, #instructor .av-parallax .av-parallax-inner, #case-management .av-parallax .av-parallax-inner {
            background-image: none !important;
        }
    }
    

    Best regards,
    Ismael

Viewing 2 posts - 1 through 2 (of 2 total)

You must be logged in to reply to this topic.