CSS to remove Facebook Icon from header navigation

Site URL: http://www.gracemooreyoga.com

What css can I use that will hide my Facebook icon from my navigation on mobile device (I only want Instagram to show here)? I have managed to hide it on desktop but it's still showing on mobile.

TIA!

there's loads of css selectors that you could use to find the relevant icon. whilst this one isn't specifically looking for facebook, it will just hide the second parent div which means that the insta logo will centre nicely.

.header-menu-actions-action.header-menu-actions-action--social:nth-child(2) {
    display:none;
}

2 minutes ago, iamdavehart said:

there's loads of css selectors that you could use to find the relevant icon. whilst this one isn't specifically looking for facebook, it will just hide the second parent div which means that the insta logo will centre nicely.

.header-menu-actions-action.header-menu-actions-action--social:nth-child(2) {
    display:none;
}

 

that’s great - thanks so much!