Archived topic
Add "Sign In or Join" button in header that opens an overlay
8 replies · Started by Randy on December 11, 2020
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!
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;
}deleted
Strange. If your CSS works then David's CSS should definitely work.
Any chance you can link us to the page in question?
deleted
deleted
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
I changed the setup, so opening a new support request.
Sounds good :)
