Tagged: ,

Viewing 7 posts - 1 through 7 (of 7 total)
  • Author
    Posts
  • May 23, 2018 at 12:37 pm #960767
    jj_delaney

    Hi, I want to show a gallery of latest products on my home page, and tried Product Gallery but when you click on a product it takes you to the product page and I want the image to open in a lightbox.

    So I have added a Horizontal Gallery element instead and that works well on desktop, however on mobile all the images are cropped so you only see half the image.

    How can I make it so that on mobile the gallery shows the whole image?

    Also, on mobile, the icon to click to open the image in a lightbox is only partially showing so not easy to see.

    Thanks

    May 24, 2018 at 3:48 pm #961597
    Victoria

    Hey jj_delaney,

    Here is the code you can put in Enfold > General Styling > Quick Css,  if it does not work, put into themes/enfold/css/custom.css

    
@media only screen and (max-width: 479px) {
  .av-horizontal-gallery .av-horizontal-gallery-inner {
    height: 80vh !important;
  }
}
@media only screen and (min-width: 480px) and (max-width: 767px) {
  .av-horizontal-gallery .av-horizontal-gallery-inner {
    height: 120vh !important;
  }
}

    If you need further assistance please let us know.

    Best regards,
    Victoria

    May 25, 2018 at 5:30 am #961954
    jj_delaney

    Hi Victoria,

    Thank you so much that worked perfectly for the images on mobile.

    The only issue left is the icon to open the lightbox is still cut off and barely visible. Any ideas on how to fix that?

    Best regards
    JJ

    May 25, 2018 at 10:29 pm #962452
    Jordan Shannon

    Hi,

    Can you please screenshot the icon you mean?

    Best regards,
    Jordan Shannon

    May 26, 2018 at 5:19 am #962502
    jj_delaney

    Hi, here’s the image url

    Icon half missing

    Thanks
    JJ

    May 26, 2018 at 5:48 am #962508
    jj_delaney

    Just in case that doesn’t work.
    https://www.evernote.com/l/AVRUSTPt6v1DhoKzctEa856JdMoYHkpdkfU

    May 28, 2018 at 1:52 pm #963197
    Victoria

    Hi jj_delaney,

    Try playing with these numbers to work out the perfect height for you.
    Image 2018-05-28 at 14.52.30.png

    If you need further assistance please let us know.
    Best regards,
    Victoria

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