[Resolved] Logo not appearing in navigation bar

[Josh]

I have an image I want to use for the logo in the main navigation bar. After uploading the image, it only shows in the following conditions:

1. When viewing on a small device
2. When the navigation bar becomes sticky. i.e when you scroll down and the navigation bar follows, the logo then becomes visible

The logo is not visible initially as the page loads.

Does anyone know why this may be happening?

Here is the site:

http://www.joshfilippi.com/

Thank you

[Leo]

Hi Josh,

Try uploading the logo in Customizer > Site Identity.

Let me know if this helps.

[Josh]

Hi Leo, thanks for the reply.

It is uploaded there but it doesn’t seem to work

[Tom]

If you set your navigation logo to “Static + Sticky”, it should always show: https://docs.generatepress.com/article/navigation-logo/

[Josh]

I see. Okay working now

Thanks for the help!

[Leo]

Glad we could help!

[Katharina]

hi there,

i am having the same issue, and set all the instructions you gave before, but it still doesn’t show, neather at the dektop nor at mobile devicions.
i am using a meta slider plugin instead of the header background image, i use a php css combination i found here in the forum. can it be that this causes the problem?

thank you in advance
Katharina

[Leo]

Hi there,

Can you provide a link to your site so we can see what’s going on?

Thanks!

[Katharina]

http://www.izi.tirol/wp?ign_skip=329169366314

I don’t mean the strip of logos on top of the site, i haven’t set the main logo yet.

Eather i set it in the navigation bar as i described above. Or as a second widget in the top-bar (Main Logo at the left side, logo-strip on the right). But i’d like to disable the strip of logos at mobile device wich works fine with this css:

@media (max-width: 768px) {
.top-bar {
display:none
}

}

But if i put the main logo also in the top-bar it will disappear aswell at the mobile device. Or can you tell me a solution to disable only one of the top-bar widgets?

thank you

[Leo]

Sorry I’m a little confused about the question now. Doesn’t sound like it’s the same issue as this topic.

Can you please open a new topic, add everything you want into the page and let me know what you would like to hide on mobile? I’ll take care the new topic ASAP 🙂

Thanks!

[Katharina]

I’m sorry, i was a little confused where i want to place the main logo. Please forget about the question with the top bar.

I only want to know now, why my navigation logo doesn’t appear.

– i disabled the website-information logo (i also tried with an uploaded website-information logo, but it makes no difference)
– i set the navigation logo sticky and static
– i set no transition for the sticky navigation

I can email you a support login if you need one.

thank you

[Leo]

Sorry I just want to check as I don’t see it in the code…

Can you double check if a navigation logo is uploaded in Customizer > Layout > Primary Navigation > Navigation Logo?

Let me know 🙂

[Katharina]

yes it is 🙂

[Tom]

You have this CSS added:

.page-id-2 .site-logo {
    display: none;
}

If you want to hide the site logo but show the navigation logo, you could do this instead:

.page-id-2 .site-logo:not(.navigation-logo) {
    display: none;
}

[Katharina]

oh i recognized that it appears when i klick on a page. It’s only missing on the home-page…

[Author]

Posts