Viewing 12 posts - 1 through 12 (of 12 total)
  • Author
    Posts
  • #1259243

    Hi enfold team,
    I’m trying to implement a subscription form for Mailpoet3 using the built in functionality of Mailpoet3. However, no matter if I choose a subscription pop up, a fixed bar or a slide in, it always appears BEHIND sidebar, footer and header of the enfold layout. Thus, the forms are not useable.
    I did not find any possibility to tweak the appearance, so that the Mailpoet element is displayed as a top layer not covered by anything. At present I can only use it on pages without sidebar. But even then, it is still blocked by header and footer …
    Any way to tweak this through CSS? Any other suggestion?
    Thank you for your efforts
    Michael

    #1259277

    To make it clear: I have tried to apply z-index values to the elements involved, with no result.

    #1259355

    Hi MichaelNickel,

    I did not find the form on that page, did you remove it?

    Could you please attach some screenshots of the issue?

    Best regards,
    Victoria

    #1259369

    Hi Victoria,
    Sorry, I played around with it to find a solution and it was only active on pages, not on posts for a while. Now it is active on posts again, too.
    Please find two screenshots in the private content section.
    Thanks for your efforts. Hope there is a solution to it.
    Best
    Michael

    #1259409

    Hi MichaelNickel,

    Thank you. I cannot seem to change the css to make it work. I will ask my colleagues to have a look too.

    Best regards,
    Victoria

    #1259561

    Thank you Victoria,
    I hope there is an easy solution to that.
    Best
    Michael

    #1259563

    Hi,
    Please try this code in the WordPress > Customize > Additional CSS field:

    .sidebar {
        z-index: 0 !important;
        position: relative !important;
    }

    Then clear your browser cache and any cache plugin, and check.

    Best regards,
    Mike

    #1259567

    Hi Mike,
    that worked for the sidebar. I also found the right classes for the footer and the socket. Thank you.
    Best wishes
    Michael

    #1259580

    Hi again,
    unfortunately, I ran into another issue. The solution works on the site I am currently building, but not on the existing production site that is running. Parameters are the same. Cleared the cache of browser and website, but still no effect. Please find an example link below. The bar appears after 15 sec
    I am puzzled since the setup of the two sites is almost identical …

    Made a mistake … It works on this site, too

    • This reply was modified 8 months, 2 weeks ago by  MichaelNickel.
    #1259772

    Hi Michael,

    Thanks for the update. So everything is working as it should now then? Please let us know if you should need any further help on the topic or if we can close it.

    Best regards,
    Rikard

    #1260328

    Hi everyone,
    one important addition for everybody who uses this thread to solve the issue. There is an overlay for Mailpoet popups which blocks the access to the regular page content using a z-index of 100000. Thus one has to use a z-index higher than 100000 for the popup itself …
    For me, this worked:

    .mailpoet_form {
      z-index: 900000!important;
    }

    Otherwise, the popup itself is blocked and the page is in limbo, since no click is effective …
    Hope that helps.
    Best
    Michael

    #1260353

    Hi,
    Thanks for your feedback and glad we were able to help, we will close this now. Thank you for using Enfold.

    For your information, you can take a look at Enfold documentation here
    For any other questions or issues, feel free to start new threads in the Enfold forum and we will gladly try to help you :)

    Best regards,
    Mike

Viewing 12 posts - 1 through 12 (of 12 total)

The topic ‘Mailpoet3 forms (popup/bar) appears BEHIND enfold sidebar, header & footer’ is closed to new replies.