[Resolved] Logo not appearing in navigation bar

[Katharina]

sorry, i wrote my last post before i read you answer. That’s it, thank you!!!

[Tom]

You’re welcome! 🙂

[Katharina]

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

[Leo]

Your site is currently under maintenance mode. Can you turn it off so we could see it? Thanks!

[Katharina]

Hi, sorry for my late replay. Maintencance mode ist turned off now.

[Leo]

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?

[Katharina]

Hi, when i remove that code the logo appears very small, although its size is 200 X 200 px.

[Tom]

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!

[Katharina]

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 🙂 )

[Tom]

Great to hear! 🙂

[Author]

Posts