2 Header Link Questions: How to Underline on Hover, and Why Is Contact Not Clickable

[AndreHairRight]

Hi all,

As per above, I have the following issues:

Question 1: Contact Link in header isn't clickable.

This is in my header.css

            <li class="header__linklist-item">
                <a href="/pages/contact-us" is="toggle-link" aria-controls="contact" aria-expanded="false">Contact</a>
            </li>

I'm unsure why it isn't a clickable link?

Question 2: Some links in my header underline when hovered over, the others, such as Contact do not. Is there a way to get the Contact Link to underline?

[SB_90]

Hi @AndreHairRight 

Couple of questions first.

You've said that the code you pasted is in header.css - when it's HTML code - are you actually putting it in a liquid file somewhere?

In addition, could you share a link to the store so that we can take a look at why some links are underlined when hovered and some aren't?

[AndreHairRight]

Hi @SB_90 

Thanks for your response.

I've added the above code to my header.liquid file.

Here is a link to our store: hairright.co.uk

Thanks