I'm doing some device testing on the current project and have noticed that the arrows on the "Flickity" carousel element on iPads get elongated. (ipad and ipad pro: safari, chrome and firefox ) Then I came across the same problem on your demo page (https://themenectar.com/salient/carousel/): also see the screenshot.
Can you fix this in the update or is there a solution I can use?
You should be able to correct that display issue prior to the next release by adding the following snippet into the custom CSS box located in the Salient options panel > General Settings > CSS/Script related tab:
Hi there
I'm doing some device testing on the current project and have noticed that the arrows on the "Flickity" carousel element on iPads get elongated. (ipad and ipad pro: safari, chrome and firefox )
Then I came across the same problem on your demo page (https://themenectar.com/salient/carousel/): also see the screenshot.
Can you fix this in the update or is there a solution I can use?
Greetings
Eric
Attached files: IMG_0028.PNG
Hi Eric,
Thanks for keeping in touch.
I have been able to replicate the same.
Please allow me to pass this to the developer to look into it.
Thanks.
Hi Judith,
You do that. I look forward to hearing from you.
Hey Eric,
You should be able to correct that display issue prior to the next release by adding the following snippet into the custom CSS box located in the Salient options panel > General Settings > CSS/Script related tab:
.nectar-flickity[data-controls*="arrows_overlaid"] .flickity-prev-next-button { padding: 0; }Kind regards
Perfect! Thanks!