popofglitter Posted June 7 Share Posted June 7 Squarespace used to have the option to show social icons on the mobile menu, but the icons have disappeared and the setting no longer exists. Has anyone had any luck adding the social icons back to the mobile menu? Link to comment
paul2009 Posted June 7 Share Posted June 7 52 minutes ago, popofglitter said: Squarespace used to have the option to show social icons on the mobile menu, but...the setting no longer exists. You can enable social icons on the mobile navigation! When enabled, they are displayed on both the desktop header and at the bottom of the mobile navigation. To enable social icons: 1. Click EDIT 2. Click EDIT SITE HEADER 3. Click + ADD ELEMENTS 4. Slide the Social Links toggle to on. 5. Save the changes, and you should see them when you switch to mobile preview: Did this help? Please give feedback by clicking an icon below ⬇️ Me: I'm Paul, a SQSP user for >18 yrs & Circle Leader since 2017. I value honesty, transparency, diversity and good design ♥. Work: Founder of SF.DIGITAL. We provide high quality original extensions to supercharge your Squarespace website. Content: Views and opinions are my own. Links in my posts may refer to my own SF.DIGITAL products or may be affiliate links. Forum advice is completely free. You can thank me by selecting a feedback emoji. Buying a coffee is generous but optional. Link to comment
popofglitter Posted June 7 Author Share Posted June 7 1 minute ago, paul2009 said: You can enable social icons on the mobile navigation! When enabled, they are displayed on both the desktop header and at the bottom of the mobile navigation. To enable social icons: 1. Click EDIT 2. Click EDIT SITE HEADER 3. Click + ADD ELEMENTS 4. Slide the Social Links toggle to on. 5. Save the changes, and you should see them when you switch to mobile preview: Did this help? Please give feedback by clicking an icon below ⬇️ Thank you, but I want the icons visible only on the mobile menu, and not on the desktop version. Any ideas? Link to comment
Solution paul2009 Posted June 7 Solution Share Posted June 7 41 minutes ago, popofglitter said: Thank you, but I want the icons visible only on the mobile menu, and not on the desktop version. You can use some Custom CSS (where is the CSS panel?) to hide them on the desktop version 🙂. For example: /* Hide Socials on Desktop Header */ .header-actions .header-actions-action--social { display: none; } Did this help? Please give feedback by clicking an icon below ⬇️ popofglitter 1 Me: I'm Paul, a SQSP user for >18 yrs & Circle Leader since 2017. I value honesty, transparency, diversity and good design ♥. Work: Founder of SF.DIGITAL. We provide high quality original extensions to supercharge your Squarespace website. Content: Views and opinions are my own. Links in my posts may refer to my own SF.DIGITAL products or may be affiliate links. Forum advice is completely free. You can thank me by selecting a feedback emoji. Buying a coffee is generous but optional. Link to comment
popofglitter Posted Sunday at 02:14 PM Author Share Posted Sunday at 02:14 PM On 6/7/2024 at 10:01 AM, paul2009 said: You can use some Custom CSS (where is the CSS panel?) to hide them on the desktop version 🙂. For example: /* Hide Socials on Desktop Header */ .header-actions .header-actions-action--social { display: none; } Did this help? Please give feedback by clicking an icon below ⬇️ thank you, this worked! Link to comment
Recommended Posts
Create an account or sign in to comment
You need to be a member in order to leave a comment