I currently have the basic Fotorama settings but I'm hoping to change those to have three thumbnails showing at a time. When I click through using the large view next arrow, the thumbnail container will then scroll to the next three and vice versa.

I've used flexbox to override the default CSS to now only show three thumbnails with some margin in-between. It's looking great BUT the thumbnail container doesn't scroll till it hits the fifth thumbnail. It looks like javascript is calculating and injecting the transform settings

x axis after the first scroll point - transform: translate3d(-586px, 0px, 0px);

Using my child theme, how can I edit/override this (when to scroll) setting or the transform calculation?


Your Answer

By clicking “Post Your Answer”, you agree to our terms of service, privacy policy and cookie policy

Browse other questions tagged or ask your own question.