Hide Social Icons in 1 Social Block

17 minutes ago, prilise said:

Hello! I'm hoping someone can help me with CSS for hiding social blocks in my header.

I have a social block in my footer, and visible social links in my header. In my footer, I would like to have all social links within the social block. However, in the navigation header, I would only like to have the first social link visible. I believe CSS can be used to hide the second and third social links (LinkedIn and Mail icons) in the header, but I am not sure what the code would look like. 

Here is my website link: https://www.priyamorf.com

Thank you in advance!

Add these code on Custom CSS panel in Website > Utilities > Website Tools > Custom CSS.

.header-actions-action > a:nth-child(1n+2), .header-menu-actions.social-accounts .header-menu-actions-action:nth-child(1n+2) {
    display: none !important
}