CSS Code to hide 2 social buttons on desktop header only

2 hours ago, MAC1 said:

Hi,

I'd like to hide youtube and vimeo social links on the top header in desktop mode only

before:

after:

 

I only want the hiding of vimeo and youtube to happen on desktop header.

Footer and mobile header should not have the vimeo and youtube hiding:
i would like all 5 on mobile header:

and keep all 5 on footer:



Problem is if you hide the header social links it affects all instances where it is used. any code to target only the header desktop to hide vimeo and youtube? is this possible with code?

Web: https://ellipse-teal-dl5w.squarespace.com/
Pass: 2


Thanks

Add this code on Custom CSS panel

@media only screen and (min-width: 768px) {
  .header-actions-action--social {
    [aria-label="YouTube"], [aria-label="Vimeo"] {
      display: none !important;
    }
  }
}