Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • October 13, 2014 at 2:07 am #334586
    absmith55

    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.

    October 13, 2014 at 3:57 am #334591
    Josue

    Hey Alexa!

    Try adding this code to the Quick CSS:

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

    Cheers! 
    Josue

    October 13, 2014 at 1:46 pm #334879
    absmith55

    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.

    October 13, 2014 at 10:28 pm #335210
    Josue

    Hey!

    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,
    Josue

    October 19, 2014 at 7:08 pm #337989
    absmith55

    Thanks Josue! That worked great.

    October 19, 2014 at 7:15 pm #337990
    Josue

    You are welcome, glad to help :)

    Regards,
    Josue

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