Title: Image Header Map Bug
Last modified: August 31, 2016

---

# Image Header Map Bug

 *  Resolved [Dubs](https://wordpress.org/support/users/christianjameswagnergmailc/)
 * (@christianjameswagnergmailc)
 * [10 years, 4 months ago](https://wordpress.org/support/topic/image-header-map-bug/)
 * Hello,
 * I’m using WP 4.4.2 on Responsive Pro theme. I’ve got my header with an image 
   map but unfortunately when I click one of the hot spots it generates this empty
   block with the link I’ve clicked. If I click outside of the hot spot, it takes
   away the empty block and everything looks normal. Would anyone know why this 
   is happening? Screenshot is linked below. Thanks!
 * [http://www.piratespress.com/wp-problem/header-issue.png](http://www.piratespress.com/wp-problem/header-issue.png)

Viewing 5 replies - 1 through 5 (of 5 total)

 *  [Mr Case](https://wordpress.org/support/users/mr-case/)
 * (@mr-case)
 * [10 years, 4 months ago](https://wordpress.org/support/topic/image-header-map-bug/#post-7042571)
 * its hard to say without seeing the code you have implemented. can you share the
   url?
 *  Thread Starter [Dubs](https://wordpress.org/support/users/christianjameswagnergmailc/)
 * (@christianjameswagnergmailc)
 * [10 years, 4 months ago](https://wordpress.org/support/topic/image-header-map-bug/#post-7042574)
 * Sure. It’s on a test server.
 * [http://piratespress.com/cms/upgrade/wordpress/](http://piratespress.com/cms/upgrade/wordpress/)
 *  [Mr Case](https://wordpress.org/support/users/mr-case/)
 * (@mr-case)
 * [10 years, 4 months ago](https://wordpress.org/support/topic/image-header-map-bug/#post-7042579)
 * first off, i would recommend recoding your website in such a way that doesn’t
   make use of tables as a primary method for structure. I would also recommend 
   getting rid of the “hot spots” you are referring to.
 * to answer your question on how to fix the little blue thing that is showing up,
   it is a :focus state on an element. add this to your css to get rid of that style
 *     ```
       area:focus,
       input:focus,
       textarea:focus {
           border: none;
       }
       ```
   
 *  Thread Starter [Dubs](https://wordpress.org/support/users/christianjameswagnergmailc/)
 * (@christianjameswagnergmailc)
 * [10 years, 4 months ago](https://wordpress.org/support/topic/image-header-map-bug/#post-7042594)
 * > first off, i would recommend recoding your website in such a way that doesn’t
   > make use of tables as a primary method for structure. I would also recommend
   > getting rid of the “hot spots” you are referring to.
   > to answer your question on how to fix the little blue thing that is showing
   > up, it is a :focus state on an element. add this to your css to get rid of 
   > that style
   > area:focus,
   >  input:focus, textarea:focus { border: none; }
 * Thank you! And I will work on what you said!
 *  Thread Starter [Dubs](https://wordpress.org/support/users/christianjameswagnergmailc/)
 * (@christianjameswagnergmailc)
 * [10 years, 4 months ago](https://wordpress.org/support/topic/image-header-map-bug/#post-7042762)
 * Resolved!

Viewing 5 replies - 1 through 5 (of 5 total)

The topic ‘Image Header Map Bug’ is closed to new replies.

## Tags

 * [header](https://wordpress.org/support/topic-tag/header/)
 * [image map](https://wordpress.org/support/topic-tag/image-map/)

 * 5 replies
 * 2 participants
 * Last reply from: [Dubs](https://wordpress.org/support/users/christianjameswagnergmailc/)
 * Last activity: [10 years, 4 months ago](https://wordpress.org/support/topic/image-header-map-bug/#post-7042762)
 * Status: resolved

## Topics

### Topics with no replies

### Non-support topics

### Resolved topics

### Unresolved topics

### All topics