Clickable URL for Header image?

Home Forums Automattic Funki Clickable URL for Header image?

Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • #163849 Resolve

    RETROROX

    Good Morning!

    Is there some CSS to make the header image clickable so that it goes back to the home page when someone clicks on it?

    Thank you in advance!
    RetroRox

    The blog I need help with is retrorox.com
    #163850

    Kathryn P.
    Happiness Engineer

    There isn’t an ideal way to do this, but you can try something with custom CSS.

    First, in the Customizer’s Site Identity panel, check the box next to “Display Site Title and Tagline.”

    Then, add this to your custom CSS:

    #site-description {
         display: none;
    }
    
    #site-title a {
         display: block;
         height: 155px;
         width: 960px;
    }
    
    #site-title {
         text-indent: -9999px;
    }

    Let us know how it goes.

    #163851

    RETROROX

    Thank you Kathryn, it appears to work, however, it seems the header is in a fixed position so when resizing the window, the header doesn’t resize. This will certainly affect how it appears on a tablet or mobile phone. Not sure what CSS to use for that. The header is the recommended size of 990 × 155 pixels.

    Thanks Again!
    RetroRox

    #163852

    Kathryn P.
    Happiness Engineer

    The header in Funki is used as a background image, so it doesn’t scale on smaller screens. You could try adding some CSS to restrict the background image size, like this:

    .site-header hgroup {
      background-size: contain; 
    }
    #163853

    RETROROX

    Ahhhh makes sense, didn’t realize it was meant to be a background image to accompany the Title & Description rather than replace it.

    Thanks for clearing that up. :-)

    #163854

    Kathryn P.
    Happiness Engineer

    My pleasure. I’ll mark this thread as resolved but feel free to start a new one if you need help with anything else.

Viewing 6 posts - 1 through 6 (of 6 total)

You must be logged in to reply to this topic.