Clickable/linked logo in menu/header bar

  • Unknown's avatar

    Hi I’m a newbie…
    I’m trying to get my logo to be in the header/menu bar (left side) and have it be clickable to my home page. kuunda3d.com

    Right now I have the logo in the header bar, but it squishes in on mobile and overlaps with the text menus. And I’d really like it to be a link to home.

    Is this possible? I’m using the Argent theme.

    The blog I need help with is: (visible only to logged in users)

  • Unknown's avatar

    Hi there, delete the CSS you have now and past in the following and see if this looks like what you want. I will have some more work to do for small devices (small tablets and phones) but want to check and see if this will basically get you what you are wanting.

    .site-title {
        background-image: url("https://kuunda3d.files.wordpress.com/2015/10/kuunda_3d_banner_215.png");
        background-position: center center;
        background-repeat: no-repeat;
        background-size: contain;
        height: 0;
        left: 20px;
        line-height: 0.6;
        position: absolute;
        top: 40px;
        width: 50px;
    }
    .site-title a {
        color: rgba(0, 0, 0, 0);
        display: block;
    }
    .site-branding {
        position: inherit;
        padding: 10.25em 0 !important;
    }
    .menu-toggle {
        margin-right: 50px;
    }
  • Unknown's avatar

    Hi – I did what you suggested, but now my logo isn’t showing up in the menu bar at all. Is there a way to insert it into the top blue bar, on the left side, and have it be clickable to Home?

  • Unknown's avatar

    Oh, sorry, go to Appearance > Customize > Site Identity and click to display the header text and save. The change won’t show up in the customizer preview, but it will show up on your site. I hid the site title and tagline using CSS in the above.

  • Unknown's avatar

    Awesome! It works. Thank you so much! :)

  • Unknown's avatar

    You are welcome, and sorry for leaving out that last detail. :)

  • The topic ‘Clickable/linked logo in menu/header bar’ is closed to new replies.