Jump to content

How to add and style social icons in header - custom location - Impact/Brine template

Recommended Posts

I am trying to add my social icon block to my header above my main nav bar so it doesn't crowd the main menu. After wrangling with various code snippets from the forum, I have arrived at this (see attached). You can see that the icons are in black on a white background in a separate bar above my header. What I want to do is to have them float over the header, not push it down, and I want to style them to a lighter gray color. Can anyone help?

To get this far, I used Header Code Injection with a code snippet I copied from my social icon block using F12 inspect tools.

Thanks!

social-icons-in-header.jpg.08527c05e09556727b7156e4f87c16e6.jpg

Link to comment
  • Replies 4
  • Views 800
  • Created
  • Last Reply
  • 2 weeks later...
  • 2 weeks later...

Archived

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.