Cyber Week Sale! Get $20 off GP Premium, $40 off our new Lifetime license, and 45% off license renewals/extensions! Learn more

[Resolved] Customize advanced hamburger, off canvas slide in menu for desktop & mobile

Home Forums Support Customize advanced hamburger, off canvas slide in menu for desktop & mobile

Viewing 8 posts - 31 through 38 (of 38 total)
  • Author
    Posts
  • #1354762
    Chelsea

    Aloha David,

    I updated the url in the beginning of this support topic… When I originally started this support ticket it the site was deployed to a different demo domain… now it’s on a WPEngine dev site. It’s no longer on the domain that I originally provided.

    Thank you!

    #1354793
    David
    Staff
    Customer Support

    Unfortunately not anything we can do with the Optin Element. It is a fixed position element and uses JS to calculate and reserve the space it requires above the header.

    #1354846
    Chelsea

    Thank you David for looking at this. I understand.

    Curious if any changes can be made to the off canvas slide in navigation to work with the offset space created by the opt-in?…. OR maybe OptinMonster has a way for this to opt-in to position itself below the nav header above the content? Hopefully I will hear back from them soon.

    Thank you again for your expertise.

    Aloha!

    #1354870
    David
    Staff
    Customer Support

    If the Optin can be added using a Shortcode or PHP function then you could add it to a GP Hook:

    https://docs.generatepress.com/article/hooks-element-overview/

    The after_header hook would place it between the navigation and the site content.

    #1354894
    Chelsea

    Aloha David!

    Thank you for the idea! I will run it by OptinMonster.

    Aloha~*

    #1354927
    David
    Staff
    Customer Support
    #1355980
    Chelsea

    Aloha David!

    Just wanted to update the thread to say that OptinMonster made some changes to the campaign and fixed it! Yay!

    They added this CSS to the Campaign to make its z-index value lower than your menu.

    div#om-{{id}}
    {
    z-index:55555 !important;
    }

    Thanks again for your help. We can close this topic.

    #1356193
    David
    Staff
    Customer Support

    Glad to hear you found a solution.

Viewing 8 posts - 31 through 38 (of 38 total)
  • You must be logged in to reply to this topic.