Archived topic
Responsive Menu
1 reply · Started by Zafiris on February 15, 2018
Hello to the GP team,
I'm trying to recreate this type of navigation menu with no results
The problem is the responsiveness of the menu. I recreated the menu for desktop but because I put a lot of header right padding so the menu items come closer to the logo, when I resize the browser the menu gets in another line.
Actually if you resize the browser with the abc website you will understand exactly what I'm going for.
Unfortunately I work local so I don't have any link. Hope I was clear enough!
Appreciate your help and thank you for the great products you are making!
Hi there,
It's difficult to provide a solution like this without seeing the actual site. Any chance you can put it up on a live server?
If header padding is the problem, you can change it specifically for mobile like this:
@media (max-width: 768px) {
.inside-header {
padding-right: 10px;
}
}Adding CSS: https://docs.generatepress.com/article/adding-css/
