Tonmeister Posted October 15, 2020 Share Posted October 15, 2020 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 Link to comment
Leo_SP Posted October 16, 2020 Share Posted October 16, 2020 @media(min-width: 1800px) { .header-actions-action--social .icon { width: 32px; height: 32px; } } Let me know if it worked 🙂 I built the best currency converter extension for Squarespace in the market: https://shinypass.com/currencyconverter I hope you like it ^^ For more: https://shinypass.com Link to comment
Tonmeister Posted October 16, 2020 Author Share Posted October 16, 2020 That did it. Thanks a bunch!! Link to comment
Leo_SP Posted October 16, 2020 Share Posted October 16, 2020 Happy to help 🙂 I built the best currency converter extension for Squarespace in the market: https://shinypass.com/currencyconverter I hope you like it ^^ For more: https://shinypass.com Link to comment
Recommended Posts
Archived
This topic is now archived and is closed to further replies.