How can I eliminate text fading in my mega menu?

Store Design
, , ,

Topic summary

A user seeks help removing text fading effects that occur when hovering over their mega menu with a cursor.

Proposed Solution:
A PageFly support representative provides CSS code to address the issue:

  • Navigate to: Online Store → Theme → Edit code
  • Locate the CSS file
  • Add the following CSS at the bottom:
    .link-faded-reverse:hover {
  color: black !important;
}
  • Save the file

The solution targets the hover state of faded links by forcing the text color to black, which should eliminate the fading effect. The discussion appears resolved with this technical fix, though no confirmation from the original poster is included.

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

NEED HELP

Please remove the fading text when I come with the cursor on it:

Shop Link: https://93f811-2.myshopify.com/

Bildschirmfoto 2023-11-16 um 23.39.24.png
Bildschirmfoto 2023-11-16 um 23.39.24.png1466×392 5.01 KB

2

Hi @admintb

This is Henry from PageFly - Landing Page Builder App

You can try this code by following these steps:

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

Step 2: Search file theme.css

Step 3: Paste the below code at bottom of the file → Save

.link-faded-reverse:hover {

color: black !important;

}

Hope that my solution works for you.

Best regards,

Henry | PageFly