Tried to Make Fully Clickable Div – Only Working on Half?

[ruby76]

We created a big map div on a website, which we want to be clickable to a regular Google Maps screen in a new window. Due to the setup of the WordPress theme we’re using (it wouldn’t allow any custom code before/after so adding a link tag didn’t work), we tried to use Javascript to make the whole thing clickable over to the live Google Maps listing. It seems to be working but strangely, only on one half of the div. Has anyone seen this happen before, or have any suggestions to fix?

Site in progress is here: http://saxoniaqa.com/new
Snippet of JS code: http://codepen.io/ruby76/pen/LRowOJ

Thanks for any help!

[Shikkediel]

Parts of the slider are somehow on top of the left side. You could lift the map up by adding this:

#map-link {
  position: relative;
  z-index: 10;
}

That seems to be the lowest index necessary…

[ruby76]

This worked like a charm. Thanks a ton!

[Author]

Posts