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

    hi guys, i’m using the horizontal gallery slider but the top part is being cut off on mobile and i’m not sure how to fix it. help would be much apprecaited!

    #1226640

    Hey bobfurgo,

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

    @media only screen and (max-width: 767px) {
    .responsive .av-horizontal-gallery-img {
        -webkit-transform: translate(0, 0);
        -ms-transform: translate(0, 0);
        transform: translate(0, 0);
    }
    }

    Best regards,
    Rikard

    #1226763

    Thank you rikard! you are awesome! it does seem to still be cropping the bottom area though, not sure how to resolve that if you can help? thanks again :)

    #1226865

    Hi,

    Add this to quick css:

    
    @media only screen and (max-width: 767px) {
    #img-gallery-home{
    padding-top:0px!important;
    padding-bottom:0px!important;
    }}

    Best regards,
    Jordan Shannon

    #1245567

    Hi Jordan! Sorry for the delay and thanks for sending. However it doesn’t look like that resolved the issue, the first slide is still way pushed down. I cleared me cache and everything so not sure what it is…Can you help? Sorry again for the delay.

    #1245909

    Hi,

    Thanks for the update. Please try this CSS as well:

    @media only screen and (max-width: 767px) {
    .responsive .av-horizontal-gallery-img {
        top: 0;
    }
    }

    Best regards,
    Rikard

    #1246117

    thank you! However it also looks like the full slide isn’t showing, part of the bottom is hidden. Can you help me show the full slide?

    #1246323

    Hi,

    The image used in the slider is the one in private, I can’t see anything missing from the one on the front end compared to that?

    Best regards,
    Rikard

    #1246341

    Not sure what you mean by that.

    When you view the site on mobile, part of the slider is cut off on the bottom and i’m not sure why. I figure some css edits will fix that but can’t identify which code to change.

    #1246457

    Hi,

    Thanks for the update. Please try this CSS as well:

    @media only screen and (max-width: 767px) {
    .responsive .av-horizontal-gallery-inner {
        min-height: 215px;
    }
    }

    Best regards,
    Rikard

    #1246535

    Thanks Rikard! That worked perfectly! I have another question related to the horizontal gallery. When rotating the images to the left, is it possible to hide the arrow on the right when it has reached the last slide? Same with when you rotate images to the right and it hits the last slide, are we able to remove the left arrow in this case? OR if this is not possible, can we make it so the images loop?

Viewing 11 posts - 1 through 11 (of 11 total)

You must be logged in to reply to this topic.