# PGIA Gallery active thumb overlaps navbar

**URL:** <https://forum.pinegrow.com/t/pgia-gallery-active-thumb-overlaps-navbar/7626>\
**Category:** Pinegrow PRO\
**Tags:** css, interactions\
**Created:** [January 13, 2023, 4:34pm UTC](https://forum.pinegrow.com/t/pgia-gallery-active-thumb-overlaps-navbar/7626 "2023-01-13T16:34:44Z")\
**Posts on this page:** 1\
**Page:** 1

<div class="post-metadata">

**Author:** ![aquorange](https://yyz2.discourse-cdn.com/flex036/user_avatar/forum.pinegrow.com/aquorange/32/958_2.png) [@aquorange](https://forum.pinegrow.com/u/aquorange)\
**Post date:** [January 13, 2023, 4:34pm UTC](https://forum.pinegrow.com/t/pgia-gallery-active-thumb-overlaps-navbar/7626/1 "2023-01-13T16:34:44Z")

</div>

When scrolling a pgia gallery with thumbs over the navigation bar of a bootstrap 4 onepage site (blueprint with pgia animated sections) the current thumb overlaps the bar. It has z-index:1, but that doesn’t seem to matter – even with the navbar z-index set to 1000 or more nothing changes that.

Why is it? I can’t see whats going on. Can someone here?

Thanks!