Site logo

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

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

Home Forums Support Add “Sign In or Join” button in header that opens an overlay

Viewing 9 posts - 1 through 9 (of 9 total)
  • Author
    Posts
  • #1575936
    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!

    #1576020
    David
    Staff
    Customer Support

    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;
    }
    #1576279
    Randy

    deleted

    #1576447
    Leo
    Staff
    Customer Support

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

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

    #1576543
    Randy

    deleted

    #1576816
    Randy

    deleted

    #1576878
    Leo
    Staff
    Customer Support
    #1577545
    Randy

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

    #1577796
    Leo
    Staff
    Customer Support

    Sounds good 🙂

Viewing 9 posts - 1 through 9 (of 9 total)
  • You must be logged in to reply to this topic.