FROM CACHE - en_header

Overlapping text on sticky menu /supply jacqueshermes.com

Solved
JacquesHermes
Excursionist
42 4 6

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 642 1512

This is an accepted solution.

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

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

Thank you.

View solution in original post

Replies 2 (2)
Zworthkey
Shopify Partner
5581 642 1512

This is an accepted solution.

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

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

Thank you.

JacquesHermes
Excursionist
42 4 6