Adding social icons onto mobile navigation menu

Site URL: https://bat-dahlia-6hpc.squarespace.com/config/

I would like to add my social links onto my mobile navigation menu, I would like the icons small, and I don't want the icons on my desktop header or footer. 

Can you help?

Edit Site Header > Elements > Enable Social Icons.

then let me know, we will give the code to remove icons on desktop only.

On 7/15/2020 at 2:00 PM, tuanphan said:

Edit Site Header > Elements > Enable Social Icons.

then let me know, we will give the code to remove icons on desktop only.

I have added the icons into the site header, could you please produce some code to remove from desktop header?

Would I also be able to make the social icons smaller in the mobile navigation menu?

21 hours ago, harley said:

I have added the icons into the site header, could you please produce some code to remove from desktop header?

 

Would I also be able to make the social icons smaller in the mobile navigation menu?

Add to Home > design> Custom CSS

@media screen and (min-width:768px) {
.header-actions-action--social {
    display: none !important;
}
}
/* social icons size */
.header-menu-actions a {
    width: 10px;
}