Why does the underline disappear from 'Get Code' on mouse hover?

Store Design
1

Hi All!

Please can someone assist me.

In the announcement bar in my header, I have underlined the text “GET CODE” and added a link. Currently when the mouse hovers over the announcement bar, the underline disappears from “GET CODE”. I would like the underline to stay on mouse hover. See screenshot below.

www.electricrideco.com

Thanks in advance!

Screen Shot 2022-05-28 at 10.07.40 AM.png
Screen Shot 2022-05-28 at 10.07.40 AM.png1280×686 563 KB

1 Like
2

@Agnesia

Thanks for your reply! I don’t see any option to make this change in my theme customisation (see screenshot below). Is there a way I can change it in the theme code?

Screen Shot 2022-05-29 at 11.24.53 AM.png
Screen Shot 2022-05-29 at 11.24.53 AM.png1279×653 431 KB

3

@guyv

oh sorry for that issue can you try this code

  1. Go to Online Store->Theme->Edit code
  2. Asset->/theme.scss.liquid->paste below code at the bottom of the file.
.notification--promo a:hover u {text-decoration: underline;}
1 Like
4

@KetanKumar

Perfect! Thanks a lot.

1 Like
5

@guyv

its my pleasure to help us