formatting hamburger

[Heinrich]

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?

[Tom]

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;
}

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/
Ongoing Development: https://generatepress.com/ongoing-development

[Heinrich]

the formatting is working fine, thank you.

navigation-as-a-header…i can`t find the option as described in the doc?

[David]

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.

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/

[Heinrich]

hi david,

that was it, tks…

[David]

You’re welcome

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/

[Author]

Posts