Tagged: , , , ,

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • January 4, 2017 at 5:49 pm #729539
    eainnem

    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)

    January 6, 2017 at 6:44 am #730187
    Ismael

    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/how-to-add-cta-button-into-the-slider/#post-722308

    Best regards,
    Ismael

    January 16, 2017 at 7:53 pm #734331
    eainnem

    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?

    January 18, 2017 at 9:45 pm #735539
    Andy

    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

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