[Resolved] Add “Sign In or Join” button in header that opens an overlay

[Randy]

New to GP Premium and like it a lot so far!

I’m looking to use the Off Canvas Menu concept that opens as an overlay.

However, I’d like to simply launch that off canvas overlay from a “Sign In or Join” button that I place in my header, but I’m not sure which combination of widgets to use to achieve that.

Any guidance much appreciated!

[David]

Hi there,

the Off Canvas can be triggered by any link that has a CSS class of slideout-toggle
So you can simply add a HTML Widget to the Header or any where else and add a link like so:

<a class="slideout-toggle" href="#">Sign In or Join</a>

Then to remove the Off Canvas Toggle from the Primary Nav you can add this CSS:

.main-navigation .menu-bar-item .slideout-toggle {
    display: none;
}

[Randy]

deleted

[Leo]

Strange. If your CSS works then David’s CSS should definitely work.

Any chance you can link us to the page in question?

[Randy]

deleted

[Randy]

deleted

[Leo]

Have you assigned a menu to be the off canvas menu yet?
https://docs.generatepress.com/article/using-the-wordpress-menu-builder/#setting-a-theme-location

[Randy]

I changed the setup, so opening a new support request.

[Leo]

Sounds good 🙂

[Author]

Posts