Jump to content
Search In
  • More options...
Find results that contain...
Find results in...
Advanced Search
  • 0
VanessaOGFN

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

Question

Posted (edited)

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

Edited by VanessaOGFN
Initial Revision

Share this post


Link to post

4 answers to this question

Recommended Posts

  • 0

@tuanphan - now my site is live...I don't want to add wonky code and make it look all weird...is there another way to share with you what I had tried before? Thank you!

Share this post


Link to post

Create an account or sign in to comment

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


×
×
  • Create New...