Archived topic
Header element clickable?
3 replies · Started by Jen on May 9, 2019
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