Image mapping on Header in "Adorable" Child Theme

Community Forums Forums General Discussion Image mapping on Header in "Adorable" Child Theme

This topic is: not resolved

This topic contains 5 replies, has 2 voices, and was last updated by  emasai 10 months ago.

Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • #69149

    savingreenmom
    Member
    Post count: 2

    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! :)

    #69156

    emasai
    Participant
    Post count: 648

    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

    #69166

    savingreenmom
    Member
    Post count: 2

    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

    #69171

    emasai
    Participant
    Post count: 648

    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

    #69172

    savingreenmom
    Member
    Post count: 2

    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! :)

    #69277

    emasai
    Participant
    Post count: 648

    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

Viewing 6 posts - 1 through 6 (of 6 total)

You must be logged in to reply to this topic.