Make gk-tablet elements in Mo header clickable?

Is there a way to make the gk-tablet elements in the header in the Mo template hyperlinked and clickable? I tried placing the image in a anchor element, but that turned completely messed up visually.

/Martin

Hi

I do not understand. Can You please try to explain? Show me some examples please.

In the header I have the following code:

<div class="gk-tablet" data-slides="1" data-scrollreveal="enter bottom and move 50px wait 0.5s">
<div><img src="images/cover6.png" alt="" /></div>

Which displays the image correctly:

Screen Shot 2014-07-01 at 21.57.49.png

But when I try to put the image in an anchor tag to make it clickable:

<div class="gk-tablet" data-slides="1" data-scrollreveal="enter bottom and move 50px wait 0.5s">
<div><a href="http://some.url"><img src="images/cover6.png" alt="" /></a></div>

It becomes completely messed up, like so:

Screen Shot 2014-07-01 at 21.59.08.png

How do I make the image clickable?

Hi

Please tell em an url to Your site. I believe the <a></a> was not styled in this area.