-
AuthorPosts
-
November 9, 2020 at 1:04 pm #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
MichaelNovember 9, 2020 at 3:23 pm #1259277To make it clear: I have tried to apply z-index values to the elements involved, with no result.
November 9, 2020 at 7:25 pm #1259355Hi 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,
VictoriaNovember 9, 2020 at 7:43 pm #1259369Hi 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
MichaelNovember 9, 2020 at 9:53 pm #1259409Hi 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,
VictoriaNovember 10, 2020 at 1:36 pm #1259561Thank you Victoria,
I hope there is an easy solution to that.
Best
MichaelNovember 10, 2020 at 1:38 pm #1259563Hi,
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,
MikeNovember 10, 2020 at 1:59 pm #1259567Hi Mike,
that worked for the sidebar. I also found the right classes for the footer and the socket. Thank you.
Best wishes
MichaelNovember 10, 2020 at 2:48 pm #1259580Hi 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 4 years, 1 month ago by MichaelNickel.
November 11, 2020 at 6:52 am #1259772Hi 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,
RikardNovember 13, 2020 at 12:50 pm #1260328Hi 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
MichaelNovember 13, 2020 at 3:05 pm #1260353Hi,
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 -
AuthorPosts
- The topic ‘Mailpoet3 forms (popup/bar) appears BEHIND enfold sidebar, header & footer’ is closed to new replies.