Viewing 3 posts - 1 through 3 (of 3 total)
  • Author
    Posts
  • May 17, 2016 at 8:11 pm #633940
    Marketopia2014

    Hi,

    The easy fullwidth slider on my homepage is cutting off the titles and buttons, the element doesn’t seem to scale to mobile.
    Is there a ‘Quick CSS’ fix for this?

    Thanks in advance for any help!

    May 17, 2016 at 8:25 pm #633946
    Marketopia2014

    I did try the fix mentioned in the bottom of this thread https://kriesi.at/support/topic/fullwidth-easy-slider-on-mobile-2/. But now my image is distorted, even after I cleared my cache and browser history. Maybe I didn’t enter the CSS right?

    Here’s what I have CSS:

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

@media only screen and (max-width: 768px) {
.av_slideshow_full li img {
    width: 150% !important;
    max-width: 150% !important;
    margin-left: -25%;
}}

    Thanks!

    May 19, 2016 at 4:22 am #634880
    Ismael

    Hi,

    Thank you for using Enfold.

    Increase the width of the image until it’s not distorted. Note that parts of the images may not be visible inside the container because of this modifications:

    @media only screen and (max-width: 768px) {
.av_slideshow_full li img {
    width: 1200px !important;
    max-width: 150% !important;
    margin-left: -25%;
}
}

    Best regards,
    Ismael

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