Change color on hover on mobile menu - Dawn theme

[Dekanten]

Hi

When i use my phone and opens up the menu, the hover removes all text while hovering. I want a hover who can make this text visible while hover the menu items. Can this me possible? This is only for mobile devices.

Everything is grey out while hover, cannot be like this. 🙂

Mystoreurl:

www.dekanten.no

[BSSCommerce-HDL · Accepted solution]

Hi @Dekanten, 

Step 1: Go to Shopify Admin -> Online Store ->Theme -> Edit code

Step 2: Search file theme.liquid

Step 3: Insert this code above </head> tag: 

<style>
@media only screen and (max-width: 767px) {
  .menu-drawer__navigation .link--text:hover {
    background-color: rgb(255 255 255 / 97%) !important;
    color: #000000 !important;
  }
}
</style>

Here is result when hover: 

Hope this can help you,

If our suggestions are useful, please let us know by giving it a like or marking it as a solution. Thank you 😍

[Dekanten]

Thank u so much maestro and this work so well, glad to see the great result and this is what i hoping for too. 🙂

This is more than brilliant, glad we have guys like you here. Spot on, and everything is solved. 🙂

[BSSCommerce-HDL]

@Dekanten, No problem. Have a good day 😍