[Support request] Mobile search

[BeFirst]

I am trying to add mobile search input field as the last item of the primary menu, but only for mobile, default search location in primary menu is fine. any suggestions how to achieve this?
here is an example of the template

[Leo]

Hi there,

Look through this post and it should help you get started: https://wordpress.org/support/topic/generatepress-search-how-to-change-visual-display/

Then try this CSS to hide it on desktop:

@media (min-width:769px) {
    .custom-search {
        display: none;
    }
}

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

Can you provide a link to your site if you get stuck? Thanks!

[BeFirst]

this wont work as the menu needs to be inside ul.menu-main-menu

[Leo]

Have you tried it? Can you provide a link to your site that’s not working?

[Author]

Posts