How To Remove 'Selected Effect' On Menu Drawer Items

Topic summary

A user seeks to remove the ‘selected effect’ highlighting from menu drawer items (home, shop, contact, FAQ) in the mobile version of their Shopify store.

Solution Provided:

  • Navigate to Online Store → Edit Code → theme.liquid file
  • Insert custom CSS code above the </body> tag
  • The CSS targets menu drawer items to disable the selected/active state styling

Status: The solution appears complete with step-by-step instructions and code snippet provided. A screenshot demonstrates the expected result after implementation.

Summarized with AI on November 8. AI used: claude-sonnet-4-5-20250929.

Thanks in advance!

I am looking to remove the ‘selected effect’ from all of my menu drawer items (home, shop, contact, faq) when they are selected (mobile version). Example shown below.

https://decemberschild.com/

password: dc

Hey @MMast

Follow these Steps:

  1. Go to Online Store

  2. Edit Code

  3. Find theme.liquid file

  4. Add the following code in the bottom of the file above tag


RESULT:

If I managed to help you then, don’t forget to Like it and Mark it as Solution!

Best Regards,
Moeed

1 Like