Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
    Posts
  • March 29, 2019 at 5:03 pm #1084640
    Sandy

    I entered into Custom CSS:
    /*To hide object*/
    @media only screen and (max-width: 767px) {
    .hideobjectformobile {
    display:none;
    }
    }

    And I entered
    hideobjectformobile
    into the Colour Section / Section Background / Custom Css Class box.

    But it hides the entire Colour Section on mobile, when I need only the Section Background to be hidden. How do I hide only the background image on mobile?

    March 29, 2019 at 5:05 pm #1084643
    Sandy

    details…

    April 1, 2019 at 6:13 am #1085276
    Nikko

    Hi m s,

    Please remove that css code since the class is applied to the section it will affect the whole section, please replace it with this code:

    @media only screen and (max-width:767px) {
  #top .hideobjectformobile .av-parallax-inner {
    background-image: none !important;
  }
}

    Best regards,
    Nikko

    April 1, 2019 at 4:27 pm #1085564
    Sandy

    Thank you!

    April 1, 2019 at 6:07 pm #1085601
    Jordan Shannon

    Hi,

    I’m glad this was resolved. If you need additional help, please let us know here in the forums.

    Best regards,
    Jordan Shannon

  • Author
    Posts
Viewing 5 posts - 1 through 5 (of 5 total)
  • The topic ‘CSS to hide Colour Section Background only on mobile’ is closed to new replies.