I’ve rebuilt this filter and gallery feature using Finsweet, I’ve tried rebuilding it three times and I cannot seem to get the filter and gallery to work together. Can someone please help?
Here is my public share link:
(public share link)
I’ve rebuilt this filter and gallery feature using Finsweet, I’ve tried rebuilding it three times and I cannot seem to get the filter and gallery to work together. Can someone please help?
Here is my public share link:
(public share link)
Hey @TylerLuce ,
I can see the last 4 items in the Slide Gallery Images CMS are not published to include up-to-date changes, can you publish them and then test the live site out to see if that helps?
Ideally after publishing these items, Glamour and Real estate filters should work along with the headshots.
Thanks, can’t believe that was missed. My biggest issue right now is making these sliders responsive. In the gallery page, the images are cut off due to the slideshow size and the vid gallery does not shrink the videos and the screen gets smaller.
Welcome @TylerLuce.
Can you share screenshots of what you experience with the gallery page? I tested the site on mobile and images and videos seem to rendering fully with an appropriate size for the mobile and are not cut off / enlarged etc.
You can also explore finsweet’s example page to look at how responsive styling works there on sliders as a reference. Hope this helps.
Hey AJ,
For these galleries specifically, the images are all different ratios from 16:9 to 4:5. And they all need to fit as large as possible on each breakpoint without being cutoff from either the gallery element or the screen size. The example is flawless but my case would just need to abide the ratio of each image and i’m not sure how to do that:
Hey @TylerLuce ,
Are the images showing fine on larger screens and are you facing this issue on mobile breakpoints? I am not sure if I follow, since in the preview mode / published site the images do seem to be rendered fully without being distorted in mobile breakpoint, but maybe it’s not as per the design requirement that your project needs.
Screenshots of what you expect and how the images are instead being rendered might help in understanding the issue, thus troubleshooting as well.