Are you a GenerateCustomer?

Do you have an active GP Premium or GenerateBlocks Pro license key?

Create a GenerateSupport account for GeneratePress and GenerateBlocks support in one dedicated place.

Create an account
Already have a GenerateSupport account? Login

Just browsing?

Feel free to browse the forums. Support for our free versions is provided on WordPress.org (GeneratePress, GenerateBlocks).

Want to become a premium user? Learn more below.

Overlay Panel that lets me interact with the content underneath my site

  • Hello!

    I hope you had a great holiday!

    I want to create an Overlay Panel with a Trigger Type (like the one offered with the Standard Type), which also lets me interact with the content underneath my site, as explained in this article of yours:

    https://generatepress.com/introducing-overlay-panels-and-conditions-in-generateblocks-pro/.
    ‘Non-modal windows: Display floating content that doesn’t block interaction with the underlying page, allowing users to engage with both the panel and the site simultaneously.’

    However, I can’t figure out how to do the last part. The overlay I create as standard blocks my content and using another kind of overlay, does not give me the possibility of a Trigger Type.
    Could you help me with this?

    Thans and best regards!

  • Hi there,

    The standard overlay panel is an overlay; it occupies the entire screen.

    Can you provide your site link so I can see if it’s possible to limit its size so visitors can interact with other elements.

  • Hi

    Thanks for your reply.

    I located the standard overlay panel only in this screen for testing purposes.
    Notice that it will show it after scrolling 3% of the site, so you must scroll till the footer to see it.

  • Hi there.

    I have visited the link you sent us but I don’t see the panel appearing when I scroll down the page.

  • sorry I forgot to clean the cache, now it should be working

  • Please, use the following CSS:

    #gb-overlay-4442 {
        pointer-events: none;
    }
    
    #gb-overlay-4442 .gb-overlay__content {
        pointer-events: auto;
    }
  • thanks a lot! that worked!
    have a nice day 🙂

  • Excellent, no problem!

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