Viewing 11 posts - 1 through 11 (of 11 total)
  • Author
    Posts
  • #554041

    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!

    #554249

    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

    #554549

    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!

    #555769

    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

    #558230

    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.

    #558249

    Hi!

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

    Regards,
    Basilis

    #558275

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

    #558928

    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

    #559561

    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!

    #560059

    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

    #560711

    Hi Vinay,

    It looks great now!

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

    Thanks SO MUCH for your help!

    Julie

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.