Social Icon Hover - Instagram

[mattkutz]

I have a weird issue with Theme X that the Instagram rollover/hover just creates a blank blue circle. Is this normal behavior?

https://chucksas.com/

[ruenel]

Hello @mattkutz,

Thanks for writing in! By default, the social icons in Renew stack has a round background color as you hover over the icon. I have seen that you added a custom code for the Facebook icon:

.x-social-global a:hover.facebook, .x-social-global .facebook {
    background-color: transparent;
    color: #365899;
}

Please have it updated and include Instagram icon as well. Therefore, you code will be:

.x-social-global a:hover.facebook, 
.x-social-global .facebook,
.x-social-global a:hover.instagram, 
.x-social-global .instagram {
    background-color: transparent;
    color: #365899;
}

We would love to know if this has worked for you. Thank you.