Is there any way to add logo on the top bar?

Hello archampion,

Go to Theme Customizer -> Web Page Design -> Select Display a logo in the header and upload your desired logo.

Hope this will helps you.

Thanks.

Not very helpful but thanks.
And that only replace the site title to logo image.
I’m asking if there’s any way to add logo on the top bar where the menu is.

Hi archampion,

First of all, I am not the developer of this theme, secondly, I am a user of this theme. I have the solution to that and I was unable to add logos to the topbar navigation menu. Finally, I found the ways. Please follow the codes below. But before that, you must upload those .jpg/.jpeg files in the public_html folder using cPanel. Here how the code goes,

For computer/desktop:

#header #nav-topbar {
background-image: url(‘https://yoursitename/3.png’);
background-repeat:no-repeat;
background-position: right !important;
}

For mobile:

#header .mobile-title-logo-in-header {
background-image: url(‘https://novicecamp.com/2.png’);
background-repeat:no-repeat;
background-position: left;
}

Please add these above codes in the CSS in the customizer, not in the style.css
With thanks,

Jewel

Hi archampion,

Forgot to mention one thing above, 3.png/2.png are your own logo files that you will upload first in the public_html in the using cPanel.

For desktop/computer .jpeg/.jp image size should be 200×31

and for mobile it is 143×24

Thank you once again, I hope this will surely help you.

Hi,

Thanks for that. However, I came up with better solution. Instead of using background image for the entire top bar, I used the menu on the top bar. Adding background image on the first link in the menu. So I will 2 home links on the menu. The first home link is a blank text. And it works.

So when you click on the logo, it will go to homepage and the 2nd home link is highlighted as well. This is the only way that I could think of.

And also I’m using a child theme. A child theme is better than putting css into the customiser because theme update tends to erase the css in the customiser, for some reason.

Hi @jewel10 and @archampion

I’m also looking for a way to display just the site title (bold characters and clickable) on topbar menu on desktop computers on the left side of menu, like the mobile menu.
and like this screenshot.

Would you please help me and share your solution with me?

Thanks

Hi @archampion
Apologies but this is the closest conversation that i can find to help with my problem.
I am usingthe Pressive theme and under site identity the instruction box asking you to add logo has dissapeared…How do you add the logo to the menu? I cant quite follow what you are saying.

Really would appreciate help. My site is not published so i dont think i can share.
I keep getting a pic thumbnail instead of my image when i change site title and try it that way ??

Amy

Hi Hossein Farnia @longman2020 ,

Not sure if you have found any solution. The solution is to have your 1st link on the menu as your site title. And then css style only the 1st link to look like the site title that you provided with the screenshot.

Hi mimi @amwalker ,

I’m not sure about the pressive theme. Looking at the example on the theme website, I think you can replace the site logo with your own and probably do some css styling so that the logo are inline with the menu.

Because the way Hueman theme designed, that was my work around to have logo beside the menu. Using the 1st link on the menu as logo image.