Archived topic
website header
1 reply · Started by Shivam on October 30, 2019
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...
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/
