Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • November 2, 2016 at 4:51 pm #707235
    e-cat

    Hi, I have a nice widescreen big slider (only 1 picture, no stretching, no scaling, 2560x1140px) with a text and two buttons on it (left, no frame). Looks perfect. However when I’m on portrait mode on mobile the two buttons don’t fit the rather low height of the picture and aren’t visible. How can I adjust the height of the slider for mobile, so that buttons are visible?

    I think I have to tweak something with @media only screen and (max-width: 767px).

    November 3, 2016 at 7:14 am #707585
    Rikard

    Hi e-cat,

    Could you post a link to the site in question so that we can take a closer look please?

    Best regards,
    Rikard

    November 3, 2016 at 10:17 am #707653
    e-cat

    Sure, see the link in the private content. The page works perfect on desktops, tablets. The problem only exists for narrow screen sizes like in portrait mode on mobile.

    November 5, 2016 at 5:42 am #708544
    Ismael

    Hi,

    Please add this in the Quick CSS field:

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

    .avia-slideshow-inner img {
        min-width: 1000px !important;
        margin-left: -400px !important;
    }
}

    Adjust the values as necessary.

    Best regards,
    Ismael

    November 5, 2016 at 11:46 am #708667
    e-cat

    Great. Thanks, Ismael!

    November 5, 2016 at 11:51 am #708669
    Nikko

    Hi,

    Glad we could help :)

    Best regards,
    Nikko

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