Footer hover is grey out the fields - Dawn theme

Store Design
, , , ,

Topic summary

A user encountered an issue where footer menu items became invisible (greyed out) on hover in the Dawn theme. They wanted the footer hover behavior to match the header menu items, keeping text visible during hover.

Solution provided:

  • Add custom CSS code to the theme.liquid file (before the </body> tag)
  • The CSS targets .footer.section-footer-padding .link--text:hover and applies a custom color
  • Code allows customization of the hover color to user preference

Outcome:

  • The solution was successfully implemented
  • The user further customized it by removing the underline and setting the color to white
  • Issue resolved and marked as accepted solution
Summarized with AI on November 7. AI used: claude-sonnet-4-5-20250929.
1

Hi

My footer hover removes the text while hover the menu items, they are grey out but i want to have visible text while hover the menu items. Can this be arranged in a way? Thanks in advance

Can the footer have the same hover as header menu items? :slightly_smiling_face:

My Storeurl:

www.dekanten.no

2

Hello @Dekanten

You can add code by following these steps

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

  2. Open your theme.liquid file

  3. Paste the below code before on theme.liquid

.footer.section-footer-padding .link--text:hover { color: #2b2bd1 !important; /*change color according to you*/ }

niraj_patel_0-1723370065194.png
niraj_patel_0-1723370065194.png1152×260 34.5 KB

Was my reply helpful? Click Like to let me know!
Was your question answered? Mark it as an Accepted Solution.

1 Like
3

Hi and thank u so much, this works flawless and im happy with the result. Thank you very much for the input, it works like it should. I removed the underline and addet white as color. Nice and clean now :slightly_smiling_face:

1 Like