Overlapping text on sticky menu /supply jacqueshermes.com

[JacquesHermes]

It's replicable if you scroll just enough for letters of the collections that are previewed on the home page to be beneath the menu

we have added the following code to create the sticky menu:

theme.scss.liquid:

/*============================================================================
Sticky Menu
==============================================================================*/
@media only screen and (min-width: 767px)
{.sticky-nav nav#navBar {position: fixed;top: 0;bottom: auto;z-index: 5;}}

If anyone can guide us to a solution, it would be wonderful.

[Zworthkey · Accepted solution]

.featured-box--title {
    z-index: 0 !important;
}

Add this code in theme.css or theme.scss
@JacquesHermes 

Thank you.

[JacquesHermes]

@Zworthkey,

Done!

Thanks!