Hide Cursor Hover Text over Navigation Menu Item?

Store Design
, , ,
1

Using Smart Menu and I assigned custom code so the title has unique color.

":sun:︎ SUMMER SHOP

It does the job but except when I hoover over the menu item on homepage it shows the code?

I tried hide text in base.css no response. I also tried hidden-text in the span class too no response.

.hidden-text { display: none !important; }

Anything else I can try?

www.extremekool.com

Password01

1Capture.PNG
1Capture.PNG1032×138 74.5 KB

2

The hover over text is coming from the title tag inside the href for each list element. These can be deleted as it appears the span code is also present outside of the link.

Hope this helps

Simon

3

Thanks for reply, what would I need to change exactly? Not really familiar with html much, using ChatGPT for most of the coding.

4
  • Here is the solution for you @BrianAugustin
  • Please follow these steps:

step.png
step.png1865×854 125 KB

  • Then find the theme.liquid file.

  • Then add the following code at the end of the file and press ‘Save’ to save it.

  • Add this code above tag
  • Please press ‘Like’ and mark it as ‘Solution’ if you find it helpful. Thank you.
5

Thanks for reply! Worked 100%!

6

Glad to help you. Have a good day @BrianAugustin .