[Resolved] Sticky navigation logo on mobile doesn’t works

[María José Perales]

I’ve a logo on the sticky navigation than the principal.
In desktop version works perfectly. But in the mobile version it doesn’t shows.
The website is not publish yet.

[David]

Hi there,

go to Customizer > Layout > Header.
Do you have the Mobile Header enabled ?
If so, add a Logo in the field provided

https://docs.generatepress.com/article/mobile-header/

[María José Perales]

Yes. I did it just like you say, and it works on desktop view, but not on mobile.
Look:

Desktop begins

Desktop Sticky working good

MOBILE BEGINS
https://www.screencast.com/t/T6UEBT1p5TD (I’ll need help with the break point on the secondary menu, but thats not important now)
MOBILE STICKY SHOWS THE BROWN LOGO, not like the desktop version

But in the inspector says that is exactly like the desktop version with the WHITE LOGO. Do you understand?

[David]

Edit your Header Element and on the Site Header tab add the Mobile Logo there

[María José Perales]

David, obviously i did that and it doesn’t work. That’s why I asked for your help.
It even works on the tablet view, but not on the mobile.

[Leo]

Any chance you can duplicate the issue on a staging site so we can look at the issue live and inspect the code?

[María José Perales]

I don’t have the website public yet, so, It’s imposible to have and staging site. But I sended the credentials of wordpress so you can look at it directly.

[Leo]

I’m not seeing an e-mail with the credentials.

Did you send it using Account Issues here?
https://generatepress.com/contact/

[María José Perales]

Yes, but in a previous topic.
I already sent it again. Thank you

[Leo]

Can you try using the white logo for the mobile header logo?
https://docs.generatepress.com/article/mobile-header/

[María José Perales]

Leo, the BROWN logo is the logo of the site and this is why is on MOBILE HEADER.
If I use the WHITE LOGO on this layout, it change it as the principal logo.

The WHITE LOGO is for the sticky navigation, that’s why IT IS ON THE STICKY NAVIGATION LOGO. And IT WORKS FOR tablet view, but not on MOBILE VIEW.

DESKTOP – Works the logo on the sticky bar

TABLET – Works the logo on the sticky bar

MOBILE – DOESN’T WORK the logo on the sticky bar

[Leo]

Try using these two options for the logo you want specifically with the merged page hero:
https://www.screencast.com/t/wCi0HHX1

So the brown logo should be uploaded as the Merged Header element mobile header logo.

Then the white logo should be the one in the customizer:
https://docs.generatepress.com/article/mobile-header/

[María José Perales]

Excelent! It works!!!
One last thing: on the MERGED MENU I need the font brown, but on the sticky i need it white. Exactly the same with the hamburger menu on the mobile version.
How can I change it? I already change the “Color text” on the merged header as you teach me.

[Leo]

Have you tried the navigation colors in the merged header element?
https://docs.generatepress.com/article/header-element-overview/#navigation-colors

[María José Perales]

Hi Leo!
Thank you for your advice. It works.
One last (promess) thing. I want the secondary menu to keep sticky like the menu, how can I do it?
And in mobile version, I would like to use a diferent secondary menu, so it doens’t shrink to a hamburger menu too.

[Author]

Posts