Navigation
This is archived content. Visit our new forum.

Tagged: 

  • Author
    Posts
  • #1318916
    jsjmccracken
    Participant

    Hello,

    On this page: http://www.tablerockkennels.com/home/our-girls/

    The Layerslider images are being cut-off on the right of each image. Is there a way to get it to be fully responsive?

    Thank you!

    Jacob McCracken

    #1319177
    Joao
    Moderator

    Hey Jacob,

    Hope you are doing well.

    I could not see any part of the image being cut, would you mind providing a screenshot of what you are referring to?

    Thanks

    Joao

    #1319264
    jsjmccracken
    Participant

    When I make the screen as narrow as it can be or when I’m on my phone the attached is what happens.

    #1319824
    Christopher
    Moderator

    Hi there,

    Please find and remove following code :

    @media (max-width:480px){
    div#layerslider_5 {
        width: 89% !important;
    }
    }
    

    Hope it helps.

    #1319951
    jsjmccracken
    Participant

    I see that the above code isn’t needed so I removed it. What fixed it was the following:

    LayerSlider>Slider Settings>Layout>Responsive and then I input the same number of Canvas width into the Max-width field and it worked 🙂

    Thank you for your time!

    #1320010
    Christopher
    Moderator

    You’re welcome.

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