CSS Size Social Icons on Desktop

Site URL: https://wisteria-panda-z2eg.squarespace.com/people

(no password needed for site)

Hello All,

I am aware I can size the social icons through squarespace's interface when editing the header.
However, I would like to size the social icons differently according to screen sizes, but I haven't been able to target them properly.

Currently, header social icons are set to 25px. What should my CSS look like in order to make them 32px when screen is wider than 1800px?

Thanks ahead!!

Gregor

@media(min-width: 1800px) {

    .header-actions-action--social .icon {

          width: 32px;

          height: 32px;

    }

}

Let me know if it worked 🙂

That did it. Thanks a bunch!!

Happy to help 🙂