[Support request] Navigation Menu Logo doesn't work

[Egor]

Hi, I’ve followed the steps explained in this guide:
https://docs.generatepress.com/article/navigation-logo/

But can’t get it to work.

The goal is to have the logo become a part of the navigation (exactly like what you have on your website).

My current settings are:
http://ibb.co/jppZ6S
http://ibb.co/dxySRS

#1. But the logo is above the header. How can I make it an integral part of the menu?

#2. On your website the logo is completely to the left, the menu is completely to the right.

Is it possible to achieve the same look without changing the width of core content?

[Leo]

Hi there,

#1 – You have this CSS added:

.header-image {
    margin-top: -60px;
    margin-bottom: -60px;
}

Removing it should work.

#2 – Set the inner container to full width as well: https://docs.generatepress.com/article/navigation-layout/#inner-navigation-width

[Egor]

Thank you!

How can I set the rule to state the following:

If width is lower than 375px -> position header image in the center.

Right now it looks out of balance on small devices:
http://ibb.co/cB5FWS

[Leo]

The problem is that the logo is too big so it pushes the toggle to the next line.

Can you try reducing the menu item height a bit with mobile toggle on? https://docs.generatepress.com/article/menu-item-height-width/

I think that’s the best way. Let me know.

[Author]

Posts