Navigation
Archive / How to change background image only for mobile?
This is archived content. Visit our new forum.

Tagged: 

  • Author
    Posts
  • March 10, 2017 at 3:53 am #1401711
    marcomonici
    Participant

    Hi, this is my website: http://www.rusticando.it

    i would like to remove the background image ONLY FOR MOBILE, and I would put the white a white background for mobile version.
    Thanks

    March 10, 2017 at 6:14 am #1401793
    Paul R
    Moderator

    Hi,

    You can add this under Custom > Edit Global CSS in the Customizer.

    
@media (max-width: 767px) {
div.backstretch {
    display:none;
}
}

    Hope that helps

    March 12, 2017 at 9:16 am #1403818
    marcomonici
    Participant

    Thank you!

    March 12, 2017 at 9:21 am #1403822
    marcomonici
    Participant

    And if i wanted to use a different background image only for MOBILE?

    March 12, 2017 at 9:42 am #1403829
    Thai
    Moderator

    Hi There,

    Please update the previous CSS with this:

    @media (max-width: 767px){
    div.backstretch {
        background: url(https://unsplash.it/g/1000/800)  no-repeat center center;
    }
    div.backstretch img {
        display: none;
    }
}

    You can replace the https://unsplash.it/g/1000/800 URL with your image URL.

    Regards!

  • Author
    Posts
  • <script> jQuery(function($){ $("#no-reply-1401711 .bbp-template-notice, .bbp-no-topic .bbp-template-notice").removeClass('bbp-template-notice'); }); </script>