Search Bar Hidden behind menu

Solved
Highlighted

Success.

Shopify Expert
667 170 203

https://prnt.sc/p7ofaa

On The Map Marketing | Developing custom Shopify Sites & Apps is our thing

- Install our latest app Accessibly - Makes your store accessible for everyone, helps to avoid fines
- Inc 5000 | Shopify Parners | 20+ stores launched | 300+ active clients
- Need help with your Shopify store? Reach out to us!
0 Likes
Highlighted
Tourist
17 0 1

Hi again,


I noticed that all of the other elements in the header have the same problem now.


You can see the issue here

 

The currency selector and cart pop up both go behind the menu.

 

Regards,

Frank

0 Likes
Highlighted

Success.

Shopify Expert
667 170 203

Hello, 

Add this code, it should fix the problem:

#shopify-section-header .nav-bar {
    z-index: -1;
    position: relative
}
On The Map Marketing | Developing custom Shopify Sites & Apps is our thing

- Install our latest app Accessibly - Makes your store accessible for everyone, helps to avoid fines
- Inc 5000 | Shopify Parners | 20+ stores launched | 300+ active clients
- Need help with your Shopify store? Reach out to us!
0 Likes
Highlighted
Tourist
17 0 1

Amazing thank you so much!

0 Likes
Highlighted
Tourist
17 0 1

Ahh 


Wait a minute - the main menu is not working now if I click on it.

:/

0 Likes
Highlighted
Shopify Expert
667 170 203

It's not CSS code fault, it looks like something went wrong with JS code. 

https://prnt.sc/p86pbz

in href it should show the link to the page, instead, it shows Javascript

On The Map Marketing | Developing custom Shopify Sites & Apps is our thing

- Install our latest app Accessibly - Makes your store accessible for everyone, helps to avoid fines
- Inc 5000 | Shopify Parners | 20+ stores launched | 300+ active clients
- Need help with your Shopify store? Reach out to us!
0 Likes
Highlighted
Shopify Expert
667 170 203
#shopify-section-header .nav-bar {
    z-index: 0;
    position: relative;
}

Replace the old code with this.

On The Map Marketing | Developing custom Shopify Sites & Apps is our thing

- Install our latest app Accessibly - Makes your store accessible for everyone, helps to avoid fines
- Inc 5000 | Shopify Parners | 20+ stores launched | 300+ active clients
- Need help with your Shopify store? Reach out to us!
0 Likes
Highlighted
Tourist
17 0 1

Hi thank you - yes that appears to be working well!

1 Like