Whatsapp icon in header on 7.1 FE

12 minutes ago, MJohn said:

Site URL: https://newmomu.squarespace.com/

pw: newmomu

I managed to put in a Whatsapp icon in my navigation with this code but I can't get it to be inline with the Youtube link. Also, how can I get it to change color when hovered on?

header#header [href*="wa.me"] {
    visibility: hidden;
}
header#header [href*="wa.me"]:before {
    visibility: visible;
    content: "\f232";
    font-family: "Font Awesome 5 Brands";
  color: white;
 }

Thanks!

 

Try adding to Home > design > Custom Css

header#header [href*="wa.me"] {
  display: flex;
  align-items: center;
}

header#header [href*="wa.me"]:hover:before {
  color:green;
}

Let me know how it works on your site