Slider Height for Mobile Devices

  • Resolved pinheiroweb

    (@pinheiroweb)


    9 years, 8 months ago

    Hello Friends!
    Congratulations for the excellent PLUGIN!

    But I have problems with the height of the Slide
    on mobile devices like cell.

    For the default Site COMPUTER height is 180px.

    But for mobile devices I need a greater height
    otherwise the text is cut off.

    One possible solution would be the height of the slide in percentage.
    Thus it would be possible to put Height = 100% for the text becomes
    RESPONSIVE!

    Another option would be to put the option of height to
    Computer and Mobile Devices with CSS MEDIA.

    Thank very much for the help!

    https://wordpress.org/plugins/testimonial-slider/

Viewing 4 replies - 1 through 4 (of 4 total)
  • rahul.walunje

    (@rahulwalunje)

    9 years, 8 months ago

    Hi!

    Kindly put following Custom CSS into settings=> Basic Settings tab => Miscellaneous => Custom Styles

    @media only screen and (max-width: 320px) {
.testimonial_wrapper { height: 300px !important; }
.testimonial_slideri { height: 300px !important; }
}

    Here I wrote CSS for height 300px you can adjust according to your requirements. This will be applicable to specified Screen size.

    Thank you!

    Best Regards,
    Rahul

    Thread Starter pinheiroweb

    (@pinheiroweb)

    9 years, 8 months ago

    Thank you very much Rahul !!!

    All the best for you!!!

    LizzyD

    (@lizzyd)

    9 years, 6 months ago

    Hi, I have tried putting this custom css in as you suggest with different heights, but it isn’t making any difference when I test the website on a galaxy. I’d really like to get a fix for this as I think the slider looks great. Can you help? The website is at http://kirk.host-vault.com/~keyte/

    sukhada

    (@sukhada)

    9 years, 6 months ago

    Hi there,

    Please add below style in custom styles.
    Go to settings=> Basic Settings tab => Miscellaneous => Custom Styles.

    @media only screen and (max-width: 480px) {
.testimonial_wrapper { height: 300px !important; }
.testimonial_slideri { height: 300px !important; }
}

    In above code you can change the max-width to required size of your device.

    If the problem still persist, can you please mention detail specification of your device, so that we will try to solve the issue.

    Waiting for your response.
    Thank you for all your patience.

    Best Regards,
    Sukhada,
    SliderVilla Support Team.

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘Slider Height for Mobile Devices’ is closed to new replies.