image map header showing double
-
Any clue why I have two headers now that I’ve created an image map for my header?
-
That greatly depends on how above was accomplished…can you please elaborate?
I added my image map code here: Dashboard –> Genesis –> Theme Settings –> Header
Then, I added this code in header.php:
<div id=”header”>
<img src=”http://69.195.124.113/~smartsc5/wp-content/uploads/2013/07/WP-Header-200px-tall-A.png” width=”1152″ height=”200″ border=”0″ usemap=”#Image-Maps_9201307051810003″ /></div>Then, I removed the header image that’s normally there and ALSO removed this line from header.php:
do_action( ‘genesis_header’ );
I added my image map code here: Dashboard –> Genesis –> Theme Settings –> Header
Please explain what was added.
I added the following into the head hook in genesis::
<div style=”text-align:center; width:1152px; margin-left:auto; margin-right:auto;”>
<img id=”Image-Maps_9201307051810003″ src=”http://69.195.124.113/~smartsc5/wp-content/uploads/2013/07/WP-Header-200px-tall-A.png” usemap=”#Image-Maps_9201307051810003″ border=”0″ width=”1152″ height=”200″ alt=”” />
<map id=”_Image-Maps_9201307051810003″ name=”Image-Maps_9201307051810003″>
<area shape=”rect” coords=”687,3,756,69″ href=”http://instagram.com/smartschoolhouse” alt=”Instagram” title=”Instagram” />
<area shape=”rect” coords=”757,2,826,68″ href=”http://pinterest.com/smrtscholhouse/” alt=”Pinterest” title=”Pinterest” />
<area shape=”rect” coords=”827,3,896,69″ href=”https://plus.google.com/111902135882668872474/posts” alt=”Google +” title=”Google +” />
<area shape=”rect” coords=”896,3,965,69″ href=”http://www.youtube.com/channel/UCliZMpyEi5edVxAT6mHxbXA” alt=”You Tube” title=”You Tube” />
<area shape=”rect” coords=”688,75,757,141″ href=”https://www.facebook.com/SmartSchoolHouse” alt=”Facebook” title=”Facebook” />
<area shape=”rect” coords=”757,75,826,141″ href=”https://twitter.com/SmartSchoolHous” alt=”Twitter” title=”Twitter” />
<area shape=”rect” coords=”825,76,894,142″ href=”http://www.smartschoolhouse.com/feed” alt=”RSS Feed” title=”RSS Feed” />
<area shape=”rect” coords=”895,75,964,141″ href=”http://www.stumbleupon.com/stumbler/SmartSchoolHouse” alt=”Stumble Upon” title=”Stumble Upon” />
<area shape=”rect” coords=”0,0,678,195″ href=”http://www.smartschoolhouse.com/” alt=”Home” title=”Home” />
</map>
</div>If I remove this code from header.php::
<img src=”http://69.195.124.113/~smartsc5/wp-content/uploads/2013/07/WP-Header-200px-tall-A.png” width=”1152″ height=”200″ border=”0″ usemap=”#Image-Maps_9201307051810003″ /></div>the header is just ONE with links in tact, however, my genesis slider is all wonky and every single grid post is all misaligned.
Well, yes, you need to add it in only one spot. If you want a static header then do so in header.php…Where and what to place that in header.php may and likely will matter…consult theme dev.
The topic ‘image map header showing double’ is closed to new replies.