[Support request] How To Place Search Box Below The Logo?

Hi there,

Any chance you can link us to the site in question so I can see your current layout?

You can use the private information field.

Let me know 🙂

Can you disable LiteSpeed cache so I can inspect the code better?

So first you want to modify the header padding with the mobile toggle activated so the content is centered:
https://www.screencast.com/t/e2PfqWDdZGL
https://docs.generatepress.com/article/header-padding/

Then we can use this CSS to reverse the order of logo and search field:

@media (max-width: 768px) {
    .inside-header {
        display: flex;
        flex-direction: column-reverse;
    }
}

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

Hi there,

to make those menu items all fit on one row – you would have to reduce the Typography > Primary Navigation to around 10px and the menu item width to around 5px for to fit on the smallest mobile devices.

The problem with that is those links become difficult to click and google will flag that as a UI/UX issue.

So we are going to use a toggle instead now right?

If so can you change the mobile navigation breakpoint back to the default 768px?
https://docs.generatepress.com/article/mobile-navigation/#initiating-the-mobile-navigation-at-a-different-width

Have you tried the alignment option?
https://docs.generatepress.com/article/navigation-layout/#navigation-alignment