Jump to content

Move social link button to nav bar

Recommended Posts

  • Replies 2
  • Views 360
  • Created
  • Last Reply

I think you would have to use Javascript and Advanced > Code Injection to manipulate the elements.

One way would be to move the social icons to the right side from the left. The header section of the Grove template has three sections (left, middle, right). So it's a relatively easy swap with code. In some cases you also need to create code for desktop and mobile versions of the website. Although In this case the template seems to handle the social icons in a nice way for mobile.

If you want to add the social icons as part of the site navigation that should be doable as well but a bit more involved with the code. You basically have to loop over the social icon elements and create navigation elements that didn't exist before plus a little house cleaning. 

Screen Shot 2020-08-25 at 7.02.03 PM.png

Screen Shot 2020-08-25 at 6.54.32 PM.png

Find my contributions useful? Please like, upvote, mark my answer as the best ( solution ), and see my profile. Thanks for your support! I am a Squarespace ( and other technological things ) consultant open for new projects.

Link to comment


This topic is now archived and is closed to further replies.

  • Create New...

Squarespace Webinars

Free online sessions where you’ll learn the basics and refine your Squarespace skills.

Hire a Designer

Stand out online with the help of an experienced designer or developer.