[Resolved] Header element clickable?

Home Forums Support Header element clickable?

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • #893837
    Jen

    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 🙂

    #893970
    David
    Staff
    Customer Support

    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.

    #893983
    Jen

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

    #894001
    David
    Staff
    Customer Support

    Awesome – glad to be of help

Viewing 4 posts - 1 through 4 (of 4 total)
  • You must be logged in to reply to this topic.