Jump to content

Move social link button to nav bar

Recommended Posts

  • Replies 2
  • Created
  • Last Reply

Top Posters In This Topic

Top Posters In This Topic

Posted Images

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 best , and see my profile. Thanks for your support!

Link to comment

Create an account or sign in to comment

You need to be a member in order to leave a comment

  • 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.