Hi anggaes. Welcome to the Hueman forum. This thread discusses the same question:
https://wordpress.org/support/topic/logo-in-the-topbar?replies=4
Menus – Screen Options enable CSS Classes
Select a Links menu item
URL is your site
Link Text blank
Add to Menu
After adding to menu, open “Menu Item” and set CSS Class to “topbar-logo”
Move it to the top of the menu
I cant find Screen Option in WP 4.1. Is there another way ?
-edited-
Thank you 🙂
I find it
This is the CSS is see on your site:
#nav-topbar .nav li.topbar-logo a,
#nav-topbar .nav li.topbar-logo a:hover {
display: block;
background-image: url('usukali.com/toplogo');
/*background-color: #fff;*/
background-repeat: no-repeat;
text-indent: 80px;
padding-top: 10px; // using a 64x40 image
}
1. That’s different than what was posted in the link I provided above.
2. The URL needs to point to a valid image.
3. // is not a valid CSS comment delimiter. Everything you enter below that in your style.css file will be ignored.
Okey, I had tried to correct CSS. with this one
#nav-topbar .nav li.topbar-logo a,
#nav-topbar .nav li.topbar-logo a:hover {
display: block;
background-image: url('../toplogo.png');
background-repeat: no-repeat;
text-indent: -9000px;
padding-top: 10px;
}
But, it seems no change.
Btw, when I try change background-color of topbar-logo class with
background-color : white
it didnt make change.
Please, help me.
Because, The Code can work in Localhost, but It dont work in hosted site.
The Code can work in Localhost, but It dont work in hosted site.
Then there must be something different between the configurations. Can you post a link to your hosted site?
