• Closed
  • Petra Schier
    Participant
    June 23, 2017 at 9:10 pm #34109

    Hi!

    I have a problem with my Theme4Press sliders. On PC desktop they appear perfectly, but not on mobile divices. On tablet and mobile phone the picturethat I used (currently it’s only one) are cut on the left and right sides.

    I managed to find css here in the forum, which helped with the problem on mobile phones, where now the slider is very small but at least it’s fully there. But on smaller screens and tablets it’s still cut.

    Here’s the css that I used:

    @media screen and (max-width:768px){
    .t4p-slider .background-image {
    background-size: 100% auto !important;
    height: 300px !important;
    position: relative;
    }
    #sliders-container {
    height: 300px !important;
    }
    }

    You can find my website here: http://www.petra-schier.de

    It would be really great, if you’d provide another css that helps showing the sliders on my homepage the way they should be.

    Kindly
    Petra

    Priyank
    Spectator
    Posts: 747
    June 24, 2017 at 7:51 am #34110

    Hello

    Yes check, issue is after 768px screen. I have updated in your css, now image show in full width 1024, then after desktop view automatic apply.

    Remove you added css and add below in Custom css option:

    .t4p-slider .background-image {
    background-size: 100% auto !important;
    }

    Thank you

    Petra Schier
    Participant
    Posts: 71
    June 24, 2017 at 8:27 am #34111

    Thank you very much! That worked perfectly. 🙂

    Priyank
    Spectator
    Posts: 747
    June 24, 2017 at 9:50 am #34113

    Welcome. 🙂