Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
    Posts
  • August 30, 2017 at 11:36 am #845732
    luckylobo10

    Hi,

    We have a website that uses full width easy slider. It looks good on desktop but on mobile the image in the slider is alligned to the left and is showing less than 50% og the image. Possible to show the full image on mobile?
    If not, can you help us allign the image center? Thanks!

    August 31, 2017 at 2:41 pm #846261
    Victoria

    Hey luckylobo10,

    Here is the code you can put in Enfold > General Styling > Quick Css,  if it does not work, put into themes/enfold/css/custom.css

    

@media only screen and (max-width: 479px) {
#top .avia-slideshow-button {
    padding: 8px 16px;
    margin-top: 5px;
}
#top .av_slideshow_full li img {
    height: auto;
    width: 100%;
}
.caption_bottom .slideshow_caption .slideshow_inner_caption {
  padding: 0px;
}
#top .av_slideshow_full .avia-slideshow-inner {
    height: 150px !important;
}
}

    If you need further assistance please let us know.

    Best regards,
    Victoria

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