[Support request] website header

[Shivam]

Hey team, I want to make my site header exactly like this click here, As far as i can do from my side my current header is something like this click here

1. How can I make the search bar like that website.
2. I don’t want to keep both the primary and secondary header in mobile, I just want to keep one header in mobile with all the categories in one single menu.

please have a look at both the website header.

Thankyou in advance…

[Leo]

Hi there,

1. Try adding: <?php get_search_form(); ?> in inside_navigation hook:
https://docs.generatepress.com/article/hooks-element-overview/

Then you can inspect the style of the example site to replicate it.

2. You can hide the secondary navigation on mobile using this CSS:

@media (max-width: 768px) {
    #secondary-navigation {
        display: none;
    }
}

Then create a new menu for all the menu items and use the off canvas navigation for mobile only:
https://docs.generatepress.com/article/off-canvas-panel-overview/

[Author]

Posts