Navigation Custom CSS

Hello,

I was wondering if anyone could help... I've replace my navigation with mobile navigation using custom CSS but it looks as though my social links have disappeared too, this is the CSS I used...

 /* Replace the desktop nav with the mobile nav */
 [data-nc-base="mobile-bar"] {
   display: block;
 }
 .Header {
   display: none!important;
 }

Also, I'd like to add my Pinterest account and to do so I must paste some coding into my website header, could anyone advice how I do that, when I add it below the custom CSS I already have it breaks the navigation bar? 

Many thanks x

1. Please share site url to check.

2. Can you share the Pinterest code? 

https://www.melonmade.co.uk thats my website and this is the Pinterest code: 

<meta name="p:domain_verify" content="e3cd1ebe0cd045518eca875d3322ac0d"/>

Thanks so much.

@Melonmade

The code above will hide the Desktop Header, and display the Mobile Header. If Mobile Header doesn't have social, it won't appear ...

Insert Pinterest code to Home > Settings > Advanced > Code Injection > HEADER