mobile header

Hi Suban,

For the menu, you would need a third party plugin, since it’s a complex mega menu.

Alternatively, if you would like to use simple mega menu instead, here’s an article that could assist you: https://docs.generatepress.com/article/building-simple-mega-menu/

With regards to the Social Icons, you can create them through GenerateBlocks Buttons. Reference: https://docs.generateblocks.com/article/buttons-overview/#icon

You can add the icons through Appearance > Widgets > Header.

Or you can create a Block Element and hook it to generate_menu_bar_items. Reference: https://docs.generatepress.com/article/generate_menu_bar_items/

Reference to Block Elements: https://docs.generatepress.com/article/block-element-hook/

Sample use case: https://www.youtube.com/watch?v=yAleVWQi5EA

For the Search functionality, you can use a WP Search Block, and add it the same way the Social Icons will be added, through the Header widget or through a Block Element.

Hope this clarifies!