To continue receiving payouts, you need to secure your account by turning on two-step authentication. If two-step authentication is not turned on your payouts will be paused. Learn more

DEBUT THEME - Drop down menu not working in desktop

Solved
Lolovic
Excursionist
28 0 4

Hi,

 

I have these drop down menu for my shop. Its working fine but suddenly it stop working. I found out that if I disable the slide show the drop down menu is working. Once i put the slides show again the drop down isn't working..

 

Using chrome and edge.

 

Lolovic_0-1604982550466.png

 

Accepted Solution (1)

Accepted Solutions
AlexEffron
Shopify Partner
2683 387 1052

This is an accepted solution.

Please place this code at the end of theme.scss

.site-nav__dropdown {
z-index: 10000;
}

View solution in original post

Replies 18 (18)
AlexEffron
Shopify Partner
2683 387 1052

Please provide website url and if your store is password protected then also provide password

Lolovic
Excursionist
28 0 4

Hi,

Its because I have swapped the slideshow with other item. Thus its working now. But I want my slideshow right below the dropdown menu. Could you pls have a look again. I've moved the slideshow under the dropdown menu again. 

Thank you

AlexEffron
Shopify Partner
2683 387 1052

This is an accepted solution.

Please place this code at the end of theme.scss

.site-nav__dropdown {
z-index: 10000;
}
Lolovic
Excursionist
28 0 4

Its works perfectly. Thank you so much! @AlexEffron 

tajones716
Tourist
10 0 1

Hi paramSoft!

I am having the same issue and I added this code to the bottom of the theme.scss file but it still does not work. Using Chrome. Would you mind havin a look?

 

www.lakeeriegoods.com

AlexEffron
Shopify Partner
2683 387 1052
tajones716
Tourist
10 0 1
homey123. Sorry, I just added that because so many things went wrong after trying too add a slideshow. The drop downs, the search, and the sort are all broken!
AlexEffron
Shopify Partner
2683 387 1052
3maplesonmarket
New Member
2 0 0

Having the same issue here.  Also affected are the mobile drop down (three lines), the navigation at the top (both mobile and desktop), and the search button (both mobile and desktop).  Entered the aforementioned html code to fix the issue - issue still persists.  Help!  The website is 3maplesonmarket.com

pameayelen
Tourist
4 0 1

could you solve it?
I am having the same problem as you

AlexEffron
Shopify Partner
2683 387 1052
AlexEffron
Shopify Partner
2683 387 1052

Hello, @pameayelen 

Welcome to the shopify Community.
I read your problem and it seems that I need to analyze your website to provide solution here.
Would you please share your website URL and if your website is password protected then also provide password.

femformapparel
Tourist
10 0 0

could you please help me? I edited my code last night to remove text from my collection images, and afterward my dropdown and header menu became unresponsive. My header logo is also invisible now. I don't want to revert my code due to it solving my collection text issue. 

 

my url is: https://www.shopfemform.com

3maplesonmarket
New Member
2 0 0
We had to completely start over - make a copy of the theme/store and plug everything back in. There's some sort of glitch in the Matrix... good luck.
pameayelen
Tourist
4 0 1

Make a copy of the theme/store and change the Z index of the element on the menu and the z index of the code that you changed . Maybe the code that you used is not for Debut theme be careful with that 

femformapparel
Tourist
10 0 0

where do I locate the z index for the header?