Remove Grey on drop down menu off Dawn Theme

Store Design

Topic summary

A user seeks help removing the grey background that appears on dropdown menu links in the Dawn theme.

Issue Details:

  • Grey background color displays on dropdown menu link hover/interaction
  • User provided a screenshot showing the problem

Proposed Solution:
A PageFly representative offered a CSS fix:

  • Add custom code to theme.liquid file above the </head> tag
  • Access via: Online Stores > Themes > Actions > Edit code
  • Click on theme.liquid and paste the provided code snippet

Status: Solution provided but not yet confirmed as resolved. The actual CSS code appears corrupted or improperly formatted in the conversation thread.

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

How can I remove the grey in the background of links in the drop down menu? As can be seen in the pictures below

Screenshot 2023-12-19 at 19.29.25.png
Screenshot 2023-12-19 at 19.29.25.png401×443 8.43 KB

2

Hi @PM98

This is Richard from PageFly - Shopify Page Builder App

Please add this code to your theme.liquid above the to get this solved

Step 1: Online Stores > Themes > More Actions > Edit code

Step 2: click on theme.liquid and paste the code above the

Hope this can help you solve the issue

Best regards,

Richard | PageFly