Navigation logo

[Alvaro]

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

[Leo]

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 🙂

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/

[Alvaro]

Doesn’t look OK in mobile. Can you take a look and give me a hint?

Thanks.

[Leo]

Doesn’t look like you’ve tried my suggestions above?

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/

[Alvaro]

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.

[Leo]

Are you referring to this space here?
https://www.screencast.com/t/2xNoVhnsGy7

Would that be for all pages?

Let me know 🙂

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/

[Alvaro]

Yes. I think it’s more obvious in the frontpage, because there’s no navigation bar background.

[Leo]

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/

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/

[Author]

Posts