Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • #729539

    Hello,

    I am having a problem with the slider getting cut off on mobile? Can you advise me what needs to change in order for the slider not to be hidden/cut off behind the menu and call to action bar?

    (See website URL attached in private content)

    #730187

    Hey eainnem,

    Thank you for using Enfold.

    Please try to increase the height of the slider on mobile view. Example here:

    // https://kriesi.at/support/topic/ (Purchase code hidden if logged out) -into-the-slider/#post-722308

    Best regards,
    Ismael

    #734331

    Hi Ismael,
    thanks for your reply. Sorry for the late response.
    Just letting you know I tried the following code:

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

    which did increase the slider height. I did notice however that the the slider images became slightly stretched but perhaps there is no easy solution to avoid this without using separate images that cater for mobile device screen dimensions?

    #735539

    Hi,

    if you want to adjust the image only then use this code instead:

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

    and adjust as needed.

    Best regards,
    Andy

Viewing 4 posts - 1 through 4 (of 4 total)

You must be logged in to reply to this topic.