Archived topic
formatting hamburger
5 replies · Started by Heinrich on June 3, 2020
hi team,
replacing elementor with gp (gp+). how to format the hamburger on desktop and mobile that it looks like as on the current site? color and align?
how to add a margin under the header?
Hi there,
Perhaps this CSS will help:
.slideout-toggle:not(.has-svg-icon) a:before,
.menu-toggle:before {
background: rgb(215, 185, 51);
border-radius: 5px;
padding: 5px;
}
.slideout-toggle:hover:not(.has-svg-icon) a:before {
color: white;
}
.main-navigation ul li.slideout-toggle a {
display: flex;
align-items: center;
}Doesn't look like you're using the header. Have you checked out our Navigation as Header option?: https://docs.generatepress.com/article/navigation-as-a-header/
To add spacing below the navigation, try this:
#site-navigation {
margin-bottom: 20px;
}the formatting is working fine, thank you.
navigation-as-a-header...i can`t find the option as described in the doc?
Hi there,
If you go to Customizer > Layout > Primary Navigation - do you have a Logo set there?
If so the Navigation as Header option will not appear. As this featured replaced the old method of adding a logo to the navigation.
hi david,
that was it, tks...
You're welcome
