Hamburger menu making selection go white on mobile

[Thomas_Fischett]

Hello! We’re redoing some of our menus right now and realized an odd bug. When you click on the drop-down name (not the arrow), the name gets whited out and becomes invisible (almost looks like a white box gets put over it). Is there a way to keep that from happening? Website url is fishskyn.com and I attached a video to explain what I’m talking about.

[niraj_patel]

Hello @Thomas_Fischett

You can add code by following these steps to stay color even when clicking on mobile devices

1. Go to Online Store → Theme → Edit code.

2. Open your styles.css file

3. Paste the below code at the bottom of styles.css

@media only screen and (max-width: 767px){
.mobile-menu-link:hover, .mobile-menu__item:hover, .mobile-menu a:hover{
color:#000 !important
}

}

[niraj_patel]

@Thomas_Fischett

give me the store URL then i will help you.

[Thomas_Fischett]

Hello! It doesn’t appear to have fixed the issue. I don’t have a styles.css only a styles.css.liquid, Is there a difference between those two or should it accomplish the same thing?

Thank you so much for your help! I’m attaching a picture of the edit I made.

[niraj_patel]

@Thomas_Fischett

ok then remove code from here and add the below code above in theme.liquid.

layout >> theme.liquid

@media only screen and (max-width: 767px){ .mobile-menu-link:hover, .mobile-menu__item:hover, .mobile-menu a:hover{ color:#000 !important } }

[Thomas_Fischett]

That worked perfectly in theme.liquid, thank you so much!!!

[HELDERWRLD]

Hello @Thomas_Fischett

Can you tell me how did you make your menu look like this?
When people click on the options, it drops down and not disappear everything else?

Please help would be appreciated. Thank you in advance.

Website: https://diversusoficialsite.myshopify.com/