Viewing 11 posts - 1 through 11 (of 11 total)
  • Author
    Posts
  • December 16, 2015 at 10:39 pm #554041
    Julie

    Hello!

    I am having a small problem– the button I attached on the full-width easy slider is getting cut off a little bit on mobile views @ 320px wide.

    Is there a way to fix this? All other sizes look good enough, it is only the 320px that is cutting off too much.

    A link to the page in question and a marked screenshot are linked to below.

    Thanks for your help!

    December 17, 2015 at 8:12 am #554249
    Rikard

    Hi Julie,

    Please try the following in Quick CSS under Enfold–>General Styling:

    @media only screen and (max-width: 320px) {
.slideshow_caption {
padding-bottom:70px !important;
}
}

    Best regards,
    Rikard

    December 17, 2015 at 5:46 pm #554549
    Julie

    Hi Rikard,

    Thanks for your reply. I added this to Quick CSS but it doesn’t seem to make a difference.

    Any other ideas?

    Thank you so much for your help!

    December 21, 2015 at 7:04 am #555769
    Ismael

    Hi!

    Please try this instead:

    @media only screen and (max-width: 320px) {
.av_slideshow_full.avia-slideshow {
    min-height: 120px;
}
}

    Make sure that your’e not looking on a cached version of the site.

    Regards,
    Ismael

    December 29, 2015 at 9:36 pm #558230
    Julie

    Hi Ismael,

    This helps increase the space available for the button, but the bottom of the button is still covered by black for some reason instead of the bottom of the button showing, not sure if maybe it is padding above the divider or something.

    Is there a way to get the bottom of the button to display?

    Thanks so much for your help.

    December 29, 2015 at 10:07 pm #558249
    Basilis

    Hi!

    I loaded your web site and I can see it functioning perfect, what browser you are on?

    Regards,
    Basilis

    December 29, 2015 at 10:48 pm #558275
    Julie

    I am using Chrome developer tools, a marked screenshot showing what I see and the issue is linked to below.

    January 3, 2016 at 9:52 pm #558928
    Dake

    Hi!

    Please reinsert Ismael’s css (with a slightly higher height value) then provide us with temporary admin access to your website, so we can take a closer look if it still is not making a change.

    Cheers!
    Dake

    January 4, 2016 at 11:06 pm #559561
    Julie

    Hi Dake,

    The text in the slide was edited per the client (text is a little longer so the slider title now breaks onto 2 lines), and now the button is almost entirely hidden. I adjusted the height in both directions, upward to 130px and downward to 100px, and it looks the same in both cases.

    Admin access credentials are below.

    Thanks so much for your help!

    January 5, 2016 at 5:58 pm #560059
    Vinay

    Hi!

    This issue is resolved! The slider js is rewriting the slider height as inline style so instead i have set a min padding. Please take a look at the website.

    Best regards,
    Vinay

    January 6, 2016 at 7:01 pm #560711
    Julie

    Hi Vinay,

    It looks great now!

    You are definitely my hero of the day today. :)

    Thanks SO MUCH for your help!

    Julie

  • Author
    Posts
Viewing 11 posts - 1 through 11 (of 11 total)
  • The topic ‘Button on full-width easy slider cuts off on small screens’ is closed to new replies.