Overlapping text on sticky menu /supply jacqueshermes.com

Solved
JacquesHermes
Excursionist
21 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
3429 405 789

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.
if you Want to modify or Customize your theme ,
Hire us | Whatsapp. & Want to know more .Email us: sales@zworthkey.com

PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Designing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing

View solution in original post

Replies 2 (2)
Zworthkey
Shopify Partner
3429 405 789

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.
if you Want to modify or Customize your theme ,
Hire us | Whatsapp. & Want to know more .Email us: sales@zworthkey.com

PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Designing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing

View solution in original post

JacquesHermes
Excursionist
21 2 4