[Resolved] Mobile header and logo

[ETO]

I think I have a problem with header menu and logo on mobile: link

[Leo]

Hi there,

What’s the problem?

I’m not seeing anything obvious.

Let me know 🙂

[ETO]

The menu and search button are below the logo. Shouldn’t they be on the right of the logo?

[Leo]

Only if you are using mobile header:
https://docs.generatepress.com/article/mobile-header/

[ETO]

Hello, again!
Now I have the same problem only on AMP pages. Although I use mobile logo, the logo is above and the search button and the menu are below the logo. What I want is that the search button and menu icon should be on the right of the logo.

[Leo]

I’m not seeing the issue here:
https://www.screencast.com/t/YOlymydr

Is there a specific page I should be looking at?

[ETO]

Please, check this AMP link:https://faydaca.com/?amp

[Tom]

Hi there,

Try adding this CSS:

@media (max-width: 768px) {
    .navigation-branding amp-img {
        height: auto;
        width: 100px;
    }
}

[ETO]

Thank you, Tom. It works.

[Tom]

You’re welcome 🙂

[Author]

Posts