Want to streamline your desktop header and keep the social love focused on mobile? This quick tutorial is for you! In under a minute, you'll learn how to use a touch of custom code to hide those social media icons on your desktop view, while keeping them easily accessible on your mobile menu. This is a great way to create a clean and clutter-free desktop experience while still staying connected with your audience on the go.
Here is the code from this tutorial:
:not(.header--menu-open) .header-actions-action--social{
display:none
}
Want to learn more about Squarespace? Visit my blog:
insidethesquare.co
The term "Squarespace" is a trademark of Squarespace, Inc. This video was not approved or endorsed by Squarespace, Inc. I just really love their platform ♥
26 май 2024