Home Header nav customization Hover

Site URL: https://uluntu.ca

I have a design in css to have a hover effect on the header tabs it works when the css tab is open but when i close the css and refresh the page the hover doesnt work.

the code is:

.header-nav-item:hover
  a[href="/merch"] {
      border: 3px solid #ffff;
    padding: 3px;
      border-radius: 20px;
}
thank you

Use this

.header-nav-item:hover a[href*="boostbuys.net"] {
    border: 3px solid #ffff;
    padding: 3px;
    border-radius: 20px;
}

7 hours ago, tuanphan said:

Use this

.header-nav-item:hover a[href*="boostbuys.net"] {
    border: 3px solid #ffff;
    padding: 3px;
    border-radius: 20px;
}

 

I used the wrong example for this post but i tried to use this code but it still doesnt work when i exit the css design tab and refresh the page 

.header-nav-item:hover a[href*="/en/our-mission"] {
    border: 3px solid #ffff;
    padding: 3px;
    border-radius: 20px;
}

here is the code i used 

3 hours ago, Chingos said:

I used the wrong example for this post but i tried to use this code but it still doesnt work when i exit the css design tab and refresh the page 

.header-nav-item:hover a[href*="/en/our-mission"] {
    border: 3px solid #ffff;
    padding: 3px;
    border-radius: 20px;
}

here is the code i used 

Can you post all code in Custom CSS?

3 hours ago, tuanphan said:

Can you post all code in Custom CSS?

You want me to show you all the codes in my custom css there is alot of codes i used. The hover effects works in a weird way it pops out but it doesnt show the white outline