Site logo

Archived topic

Header element clickable?

3 replies · Started by Jen on May 9, 2019

Viewing posts 1–4 of 4

Hi there

I have added a header image using an Element.

Is it possible to make that whole image clickable?

Also is it possible to make it responsive?

Thank you :)

Hi there,

To make it clickable you would need to add a link inside the page hero content like so:

<a class="hero-click" href="full_url_of_link"><!-- click zone --></a>

Then add this CSS:

.page-hero {
    position: relative;
}
.hero-click {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}

For responsive - remove the min-height CSS you have added to the inside-page-hero. Then edit the header element and set top padding as a % that matches the images aspect ratio, for that image 26% should do the trick.

That's fantastic, works perfect. Thanks so much!

Awesome - glad to be of help

This archived topic is closed to new replies.