Adding a link to header image

  • Author
    Posts
  • #162874

    unitedsolofestival
    Member
    Original poster

    Hi there,

    On all my pages I have a header. Is there anyway to link the header image back to my homepage? Right now it is not clickable.

    Here is an example page with the header on top but the header is not clickable.

    https://unitedsolo840634559.wpcomstaging.com/intern/

    Thanks!

    – Michael

    The blog I need help with is: unitedsolo840634559.wpcomstaging.com

    #163144

    thelukemcdonald
    Theme Author

    There is not an easy way to do this, however, it may be possible if you add a site logo image or display the site title. Either one of those will link back to the homepage. You can use CSS modify those two elements to be hidden yet still clickable.

    For example, if you display your Site Title, you can try adding the following custom CSS to “hide” the title and make its link area the size of the header image area.

    body .site-title a {
        color: transparent;
        position: absolute;
        left: 0;
        right: 0;
        top: 0;
        bottom: 0;
    }
    
    body .site-header-inside .site-identity {
      margin: 0
    }

    That may get you close to what you are looking to do.

The topic ‘Adding a link to header image’ is closed to new replies.