Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • October 14, 2014 at 10:09 am #335488
    Gurify

    Hi there :)

    The slider on linked page is not being properly shown on mobile devices. Could you please help figure out what Im doing wrong? thank you in advance!

    October 15, 2014 at 3:13 am #335875
    Ismael

    Hey Gurify!

    Thank you for using Enfold.

    You have this code on Quick CSS:

    @media only screen and (max-width: 767px) {
.avia-slideshow-inner {
height: 250px !important;
}
}

    You can remove that or replace it with this:

    @media only screen and (max-width: 767px) {
.avia-slideshow-inner, .avia-slideshow-inner li, .avia-slideshow-inner li img {
height: 250px !important;
}
}

    Unfortunately, this will distort the images.

    Best regards,
    Ismael

    October 16, 2014 at 11:54 am #336712
    Gurify

    Hi, its not working. When I resize it, the content in the slider disappears and its only visible partially.

    Thank you in advance

    October 17, 2014 at 5:08 am #337140
    Ismael

    Hey!

    Resize the captions with this:

    @media only screen and (max-width: 479px) {
.responsive #top .slideshow_caption h2 {
font-size: 15px !important;
}

.responsive #top .slideshow_caption .avia-caption-content {
font-size: 10px !important;
}
}

    Or hide them on mobile device with this because they are covering the background image:

    @media only screen and (max-width: 479px) {
.responsive #top .slideshow_caption .avia-caption-content, responsive #top .slideshow_caption h2 {
display: none !important;
}
}

    Best regards,
    Ismael

  • Author
    Posts
Viewing 4 posts - 1 through 4 (of 4 total)
  • You must be logged in to reply to this topic.