Tagged: horizontal gallery
-
AuthorPosts
-
February 8, 2020 at 5:46 pm #1182617
Hi,
I put 6 images on horizontal garelly, it only show 5 images and the navigation button doesn’t work well.
aslo in mobile mode, the images aren’t responsive.please check at the link here: https://aircompressor-vietnam.com/products/screw-air-compressor/oil-flooded/kobelion-iv-15-37-kw/
Thank you
February 9, 2020 at 10:27 am #1182700Hi support team,
is there anyone can help me?
just wating for you too long..
looking forward to your support.thank you!
February 9, 2020 at 2:16 pm #1182725Hi,
I’m not sure which element you are referring to on the page you linked to, could you clarify a bit or post a screenshot highlighting the problem you are having please?
Best regards,
RikardFebruary 9, 2020 at 2:30 pm #1182736hi Rikard,
Please find as the image here: https://aircompressor-vietnam.com/wp-content/uploads/2020/02/Horizontal-gallery.jpg
Thank you.
February 11, 2020 at 12:56 pm #1183427Hi,
Thank you for the update.
It seems to be an issue with the lazy load option. Is it working correctly when the lazyload option is disabled?
You can also try to set a minimum width to the images to prevent miscalculation of the gallery container width.
.av-horizontal-gallery-img { min-width: 178px; }
Please don’t forget to disable the Performance > File Compression settings after adding the code.
Best regards,
IsmaelFebruary 11, 2020 at 5:10 pm #1183598Hi Ismael,
I deactivated the lazyload plugin and it worked correctly.
One more thing is when in tablet or mobile mode , the image is not full high.
Like the screen shot image here: https://aircompressor-vietnam.com/wp-content/uploads/2020/02/Horizontal-gallery2.png
How can I fix it?Thank you!
February 11, 2020 at 6:00 pm #1183625Hi,
I see the screenshot is from within the WordPress back-end. Have you confirmed the problem is occurring from within the browser or on the actual tablet device itself. I’m not able to recreate the problem.
Best regards,
Jordan ShannonFebruary 12, 2020 at 2:16 am #1183717Hi Jordan,
Yes, the problem occurs on browser.
Please see another screenshot here: https://aircompressor-vietnam.com/wp-content/uploads/2020/02/Horizontal-gallery-3.pngThank you.
February 14, 2020 at 8:41 am #1184429Hi,
Thank you for the update
You don’t need the following code anymore because you already disabled the lazyload option.
.av-horizontal-gallery-img { min-width: 178px; }
Removing the code should fix the issue on smaller screens.
Best regards,
IsmaelFebruary 14, 2020 at 2:34 pm #1184492Hi Ismael,
although I deleted your code, the problem still the same
you can refer to link here: https://aircompressor-vietnam.com/4501-2/Thank you.
February 17, 2020 at 11:49 am #1185172Hi,
Sorry for the delay. Can we access the dashboard? We would like to check the gallery settings. Please post the login details in the private field.
Best regards,
IsmaelFebruary 19, 2020 at 4:56 pm #1186110Hi Ismael,
Please check detail below.
Thank you.
February 21, 2020 at 2:24 am #1186590Hi,
Thank you for the info.
We adjusted the Styling > Gallery Settings > Gallery Height settings. This seems to be the only way to prevent the images from being cut off or from overflowing outside the gallery container.
Best regards,
IsmaelFebruary 21, 2020 at 2:29 pm #1186736Hi Ismael,
It doesn’t work.
Thank you.
February 24, 2020 at 4:16 am #1187177Hi,
You might have to use another element in place of the horizontal gallery because the items are automatically resized similarly or uniformly regardless of the actual image size. It also cuts off parts of the images in order to keep their aspect ratio, so it will not work if the image contains vital information such as text. You can try the Easy Slider element instead.
Thank you for understanding.
Best regards,
Ismael -
AuthorPosts
- You must be logged in to reply to this topic.