Navigation
Archive / Setting Breakpoints
This is archived content. Visit our new forum.

Tagged: 

  • Author
    Posts
  • November 20, 2016 at 7:08 pm #1264759
    ThePlague
    Participant

    Hi guys,

    I’ve got a question about setting breakpoints. I’m using a background image on my homepage, which covers the entire area. It looks great in the desktop preview, but when I toggle to laptop, some important parts of the image get cut off. (band memebers get cut out)

    I’m a bit unclear about where and how to implement my breakpoints when using an image as a background. Is there a better way to do this, to maximize the amount of image shown across all devices? How is this normally done?

    Thanks,
    Mike

    November 20, 2016 at 7:09 pm #1264760
    ThePlague
    Participant
    This reply has been marked as private.
    November 20, 2016 at 7:11 pm #1264761
    ThePlague
    Participant

    I’d like to have it something like this, as a reference:

    Home

    November 20, 2016 at 11:03 pm #1264882
    Rupok
    Member

    Hi Mike,

    Thanks for writing in! You can add this under Custom > CSS in the Customizer.

    @media only screen and (max-width: 1199px) {
.home .rev_slider .tp-bgimg.defaultimg {
  background-size: 100% auto !important;
}
}

    Hope this helps.

    Cheers!

    November 25, 2016 at 9:55 pm #1271224
    ThePlague
    Participant

    Cool! Thanks!

    November 25, 2016 at 9:58 pm #1271226
    Rue Nel
    Moderator

    You’re welcome!
    We’re glad we were able to help you out.

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