Fotorama and bootstrap modal not working on mobile

I am using fotorama and bootstrap on a new site and for some reason when the site hits the sm breakpoint fotorama stops working, actually everything below the nav stops working. You can see this is action here

bootstrap issue

So to replicate the issue have a look at the page in a desktop browser and everything should work the big add to cart button and the image slider. Then resize your browser or look at the site on mobile and try the buy button or the image slider and neither of them work.

Any help is really appreciated I have tried everything I can think of.

Looks like a z-index issue.

Try this:

.fotorama,.addToCart{position:relative;z-index:2;}

1 Like

@PaulOB Thanks man that worked like a charm! I never would have thought of that.

This topic was automatically closed 91 days after the last reply. New replies are no longer allowed.