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


    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!


    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,


    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!



    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.



    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.



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



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



    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.



    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!



    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,


    Hi Vinay,

    It looks great now!

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

    Thanks SO MUCH for your help!


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.