Image mapping on Header in "Adorable" Child Theme

[savingreenmom]

Hi!
I am trying to place social media icons with links to their pages in my header. I am already using the Header Right for email/newsletter sign up. I have them mapped into my header graphic...
But now I need to know where I insert the HTML, if I can even do that..?

Help! 🙂

[emasai]

You would be better off adding another header widget and putting your social icons and links in that. This article explains how to do it http://wpsites.net/web-design/add-header-left-widget-genesis/

---

Need Website Customization or a Responsive CSS fix? Contact Me
Lynne emasai.com

[savingreenmom]

This is what it looks like right now... I just need header to go down and "merge" with the email sign up.
There's no easier way to do this?

http://savinggreeninthebay.com

[emasai]

For me image mapping is the hard way to go and is not really used much anymore. Here is a link that you might understand better than me http://www.frankmanno.com/ideas/css-imagemap/

---

Need Website Customization or a Responsive CSS fix? Contact Me
Lynne emasai.com

[savingreenmom]

I have my social media icons in the center of my header... with the head left, will I need to redesign and move them to the left?

Thank you for your help! 🙂

[emasai]

I see you got the image map working. However, your social media icons and logo are not in the header, they are above it. Only the email sign up is in the header.

To achieve what you want you can put a border around the header, lose the border on your current image and reduce the width, as it has to fit in to the empty space beside the email sign up. You will also have to change the width of that too as it is currently 510px wide.

---

Need Website Customization or a Responsive CSS fix? Contact Me
Lynne emasai.com

[Author]

Posts