Archived topic
Navigation logo
7 replies · Started by Alvaro on October 4, 2019
Hi,
I'm having some issues with the navigation logo of this new site. I think I must have changed something on the way and now I can't make it work like I want.
On the frontpage, the logo blends with the hero image. On other pages it stays on the navigation bar. But it seems I can't quite figure the right size for it. It's two small and close to the top of the page in desktop, and two big in mobile.
What am I doing wrong?
Thanks.
Álvaro
Hi there,
Have you figured this out? It looks good to me on the Blog page:
https://www.screencast.com/t/dwBqd51x
Are you using this option already?
https://docs.generatepress.com/article/navigation-as-a-header/
Then you actually don't need to activate the mobile header option.
The mobile logo size is determined by the menu item height on mobile:
https://docs.generatepress.com/article/menu-item-height-width/#height
Let me know if this helps :)
Doesn't look OK in mobile. Can you take a look and give me a hint?
Thanks.
Doesn't look like you've tried my suggestions above?
Oh, I didn't understand at first, sorry. Now I think I got it: disabled the mobile header in the Header section.
Also: how do I increase the top space of the logo in desktop? Should I upload the logo with no margin at all?
Thanks.
Are you referring to this space here?
https://www.screencast.com/t/2xNoVhnsGy7
Would that be for all pages?
Let me know :)
Yes. I think it's more obvious in the frontpage, because there's no navigation bar background.
There are default 10px top and bottom padding added to the logo.
You can increase it with this CSS:
.navigation-branding img {
padding: 15px 0;
}Adding CSS: https://docs.generatepress.com/article/adding-css/
