Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
    Posts
  • January 15, 2020 at 12:39 am #1173752
    leahmessina

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

    January 15, 2020 at 12:09 pm #1173922
    Ismael

    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

  • Author
    Posts
Viewing 2 posts - 1 through 2 (of 2 total)
  • You must be logged in to reply to this topic.