Button in header

Support
#1

Dear support,
Here is my website: www.avanaa.ca
I would like to style one link from the header (“boutique en ligne” and “shop” in the www.avanaa.ca/en version) to make it look like a flat pill button. Could you guide me in doing this?

Cheers!
Malik

#2

Hi Malik,

Please add the following CSS under Customizer > Custom > Global CSS:

li#menu-item-54 a,
li#menu-item-1767 a  {
    padding-top: 29px;
}
li#menu-item-54 a:hover,
li#menu-item-1767 a:hover {
    box-shadow: none;
}
li#menu-item-54 a span,
li#menu-item-1767 a span {
    background-color: #de6666;
    padding: 12px;
    border-radius: 10px;
    color: #fff;
}