Overlapping text on sticky menu /supply jacqueshermes.com

Solved
JacquesHermes
Excursionist
24 2 4

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

JacquesHermes_0-1634554437016.png

JacquesHermes_1-1634554455190.png

 

 

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.

Accepted Solution (1)

Accepted Solutions
Zworthkey
Shopify Partner
5581 640 1498

This is an accepted solution.

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

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

Thank you.

If helpful, please Like and Accept Solution. Hire Us |
if you Want to modify or Customize your theme | Whatsapp | Email us: sales@zworthkey.com
Top Rated Shopify Agency, | We have Over 200+ Happy merchants.
Build Successful Shopify Stores with GemPages

View solution in original post

Replies 2 (2)
Zworthkey
Shopify Partner
5581 640 1498

This is an accepted solution.

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

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

Thank you.

If helpful, please Like and Accept Solution. Hire Us |
if you Want to modify or Customize your theme | Whatsapp | Email us: sales@zworthkey.com
Top Rated Shopify Agency, | We have Over 200+ Happy merchants.
Build Successful Shopify Stores with GemPages
JacquesHermes
Excursionist
24 2 4