Viewing 7 posts - 1 through 7 (of 7 total)
  • Author
    Posts
  • September 18, 2017 at 5:20 pm #853508
    dvalansi

    Hi, Im my website, Im using an image as the logo. I set it as the logo background, I want to make it a clickable link to the home page, I do not want to change anything about the image, just make it so its clickable..

    Thank you

    September 19, 2017 at 3:23 am #853647
    dvalansi

    Bump

    September 20, 2017 at 5:45 am #854150
    Rikard

    Hi,

    Background images are not linkable unfortunately, so if you want to use what you have now then you would have to add a link to the whole header. Not sure if want to do that? If not then you might want to try to add the images to widgets in the header instead? http://kriesi.at/documentation/enfold/adding-a-widget-area-to-the-header/

    Best regards,
    Rikard

    September 20, 2017 at 5:46 am #854151
    dvalansi

    yes, a link in the whole header would be fine.
    How can I do that.

    September 21, 2017 at 8:05 pm #855027
    dvalansi

    Can you please let me know how to do that?
    Thank you

    September 22, 2017 at 6:20 am #855164
    Ismael

    Hi,

    Please add this script in the functions.php file.

    // custom script
add_action( 'wp_footer', 'ava_custom_script' );
function ava_custom_script() {
?>
<script type="text/javascript">
(function($) {
    $(".av-logo-container").on('click', function() {
      window.location.href = 'http://cfc.amityweb.com.au/';
    });
})(jQuery);
</script>
<?php
}

    And then use the css code.

    .av-logo-container {
  cursor: pointer;
}

    Best regards,
    Ismael

    September 22, 2017 at 5:30 pm #855445
    dvalansi

    works great!

    Thank you!

  • Author
    Posts
Viewing 7 posts - 1 through 7 (of 7 total)
  • The topic ‘Logo Background Image as a link’ is closed to new replies.