Clickable/linked logo in menu/header bar
-
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.comRight 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)
-
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; } -
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?
-
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.
-
-
- The topic ‘Clickable/linked logo in menu/header bar’ is closed to new replies.