How to make image/logo in the header clickable

  • Hello!

    I,m very new to WordPress and still trying to learn all the basics.

    I am working with Genesis Framework.
    My child theme is Jano (https://themes.janhoek.com/genesis-themes/jano/)
    The matter is that I can′t make the logo/image in the header of my frontpage clickable as a link to the homepage.
    AS you know I can add a logo through the wp-admin by selecting it in Appearence>customize>
    I also can do add it to the style.css code here:
    /* Logo, hide text */
    .header-image .site-header .wrap {
    background: url(images/logo2.png) no-repeat left;
    padding: 0;
    }
    .header-image .site-title a {
    float: left;
    min-height: 164px;
    width: 100%;
    }

    I don’t have a header.php file. I have frontpage.php, style.css and functions.php instead.
    The theme is working with text title (linking to the homepage) by default.

    Please, any help on this issue will be highly appreciated.
    Thanks!

Viewing 12 replies - 1 through 12 (of 12 total)

  • Hi luisolano

    you will need to make it a hyper link.

    <a href="https://www.yourlinkhere.com">Your image link here</a>

    Kind Regards
    Ruben Mostert

    Thread Starter luisolano

    (@luisolano)

    Thanks for answering Ruben, but the only reference to the title-area where I cand add the background-image as my logo is in the style.css sheet where obviously I can′t add any html code.

    give me a link to your website

    Kind Regards
    Ruben Mostert

    Thread Starter luisolano

    (@luisolano)

    The thing is i am working on local server. But my code is exactly the same as here: https://demo.janhoek.com/one-jan/
    I have already built my page and then got stuck when I saw that the only way is to have the clickable web title but not the logo instead…

    Go to header.php appearance –> editor –> header.php

    then you search for .site-title after that delete the lines.

    and replace it with <a href="https://www.yourlinkhere.com"><img src="yourimage.jpeg"></a>

    Kind Regards
    Ruben Mostert

    Thread Starter luisolano

    (@luisolano)

    In my child theme I don’t have a header.php file. I have frontpage.php, style.css and functions.php instead. I am working with Genesis Framework and a Child Theme.
    Thank you again.

    Because Genesis works slightly different than “normal” WordPress themes, some advice may not be applicable to users of Genesis-created themes. I would suggest either contacting your theme’s author at https://themes.janhoek.com/theme-support/ or the main Genesis support forums at https://www.studiopress.com/forums/

    In addition, because Genesis is a commercial product, in order to be good stewards of the WordPress community, and encourage innovation and progress, we feel it’s important to direct people to their official support locations.

    Forum volunteers are also not given access to commercial products, so they would not know why your commercial theme or plugin is not working properly. This is one other reason why volunteers forward you to the commercial product’s vendors. The vendors are responsible for supporting their commercial product.

    You can find a great tutorial to make image logo in the header clickable. Please let me know if that solve the issue. Thanks

    You can also add this using any header custom CSS plugin. just like i have did in my How Tech Hack logo/image.

    • This reply was modified 7 years, 8 months ago by howtechhack.

    Hi

    Can you help me to set my Header Banner “Clickable”?

    Can anyone help to fix up my banner to clickable?

    How do I made my slider header banners clickable? I have more than 6 Header banners. Can anyone help, make it clickable to the Add-to-Cart page?
    https://www.freshbreath.com.sg

Viewing 12 replies - 1 through 12 (of 12 total)
  • The topic ‘How to make image/logo in the header clickable’ is closed to new replies.