Social Icons in header

Hello,

I want to include social media icons in my ‘header bottom’ section so they are aligned horizontally on the same level as my menu. I downloaded ‘Easy Social Icons’, customized the settings so the icons align horizontally and included ‘[cn-social-icon]’ in an HTML where I want them to appear. However, these still appear vertically in the header.

Someone else posted a topic called ‘Social Icons in Nav Bar’ and I tried the solution that was offered, which was:
add to Appearance->Customize->Additional CSS
.nv-top-bar-content .cnss-social-icon a { border-radius: 50%; }
.nv-top-bar-content ul li {display: inline-block;}

This still doesn’t work.

Can someone help please? Or is there another way I can include social icons in my header (with customised colour)

Thanks!

The page I need help with: [log in to see the link]