We have an issue with the navigation arrows of our product carousels not being hidden in our specified breakpoints, as expected.
- B1 - 0
- B2 - 600
- B3 - 900
- B4 - 1200
On breakpoints 2, 3 & 4, we have set the 'Next/Prev Buttons' to False and on breakpoint 1, we have it set to True.
But on desktop load, the site shows the arrows at these higher breakpoints, until we click on the arrows. On On click, the expected inline style display:none is then added to the two arrow elements and the arrows are hidden.
Mobile works as expected.
Our use case:
- Desktop - limit products to four, no looping or carousel actions visible or required.
- Mobile - reduce to only show one product and show the nav arrows to allow the customer to scroll between the four products.
This seems to be a bug with the extension.
Would prefer for this fix to be handled by the extension since all of the settings are in one place.
We don't want to have to go down the route of adding our own override styles with media queries to fix the issue, especially if we're hoping to use this on other sites in the future.
Please sign in to leave a comment.