Archived topic
Logo not appearing in navigation bar
24 replies · Started by Josh on April 15, 2017
sorry, i wrote my last post before i read you answer. That's it, thank you!!!
You're welcome! :)
Hi again,
to set the logo in all devices in the right size and position, i added this css:
.page-id-2 .site-logo:not(.navigation-logo) {
display: none;
}
@media (max-width: 768px) {
.main-navigation .navigation-logo img {
height: 45px;
position: absolute;
left:10px;
bottom: 0;
}
}
@media (min-width: 1100px) {
.main-navigation .navigation-logo img {
height: 50px;
position: absolute;
left:20px;
bottom: 0;
}
}
@media (min-width: 768px) {
.main-navigation .navigation-logo img {
height: 50px;
position: absolute;
left:20px;
bottom: 0;
}
}
Now, the background color of the mobile navigation dropdown menu seems to be transparent, because you see the logo behind the text. It is difficult to describe, maybe you can have a look:
http://www.izi.tirol
thank you
Katharina
Your site is currently under maintenance mode. Can you turn it off so we could see it? Thanks!
Hi, sorry for my late replay. Maintencance mode ist turned off now.
Sorry there is a lot going on here and I'm not sure if all that code is necessary?
Using position: absolute; is generally not a good idea for responsive purpose either.
Can you save and remove all the @media code for now and let me see what's going om without them?
Hi, when i remove that code the logo appears very small, although its size is 200 X 200 px.
Any chance you can create a new topic so the OP doesn't get tons of emails?
If you could include an example of what you're wanting to do as well, it'll help a lot.
Thanks!
During creating the new topic i found the solution here in the forum, so no helb needed anymore in the meantime.
thanks a lot ( i am sorry for beeing so complicatet :) )
Great to hear! :)