Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
  • #334586

    Once the window dimensions of my screen shrink below approximately 772 pixels wide, the EasySlider begins having text problems. The copy is cut off and becomes unreadable. Is there a fix for this? I have 2 EasySliders on my homepage that are my biggest concern.


    Hey Alexa!

    Try adding this code to the Quick CSS:

    .avia-slideshow li img {
        min-height: 230px;



    Thanks Josue. That worked pretty well. I also added in conditional font sizes. The only issue now is that the images are distorted. Any way to keep that from happening? The possible challenge is that the original image dimensions for the top slider are different than the lower slider. Top one is 1030x420px and the lower one is 1030x260px.



    The best solution in my opinion would be to create another slider consecutive to the one you already have, but in this one you’d select a square image size setting.

    Then enable this and add a specific class to each of the slider (mobile_slider, desktop_slider), finally add this to Quick CSS:

    .mobile_slider{ display: none; }
    @media only screen and (max-width: 767px) {
    .mobile_slider{ display: block; }
    .desktop_slider{ display: none; }

    Best regards,


    Thanks Josue! That worked great.


    You are welcome, glad to help :)


Viewing 6 posts - 1 through 6 (of 6 total)
  • The topic ‘EasySlider Issue As Window Dimensions Shrink’ is closed to new replies.