How to place the search icon into the menu?

Hi there,

It maybe possible but its a terrible UI as the user has to click 2 x icons in mobile to get to the search field so 3 taps in total, and that could lead to some issues with closing the menu.

What if you use the Off Canvas Panel on mobile and add a Search block to the Off Canvas Widget area ?

Omg David, that's even better. Thank you!

That's the problem when you had customized your GP a long time ago... you have no idea what cool stuff was added in the meantime.

Thanks,
Edin

More info on Off Canvas here:

https://docs.generatepress.com/article/off-canvas-panel-overview/

Let us know if you need any assistance with setting it up with the search widget.

Thank you, David. I've managed to get it done. The only little thing is that the search button is not visible (it goes out of the box to the right.

Thanks,
Edin

Hi Edin,

Try adding this CSS:

nav#generate-slideout-menu  * {
    max-width: 265px;
}

nav#generate-slideout-menu aside#block-3 {
    margin: 0;
    padding: 20px;
}

Perfect. Thank you so much. You guys are fantastic!

You are welcome   :)