Flickity carousel overlapping fixed navbar

I used flickity to create a carousel for my gallery. However, when i scroll down through the carousel, the images overlap the fixed navbar instead of the navbar overlapping the images. This only seems to occur in the gallery. Other parts of my website work just fine.

I’ve created a codepen to illustrate my issue. Thank you in advance


You can try to add z-index: 1 to your nav.

About stacking context, mdn

1 Like

Thank you. That worked.

1 Like