- This topic has 13 replies, 2 voices, and was last updated 1 year, 7 months ago by
David.
-
AuthorPosts
-
June 3, 2019 at 6:12 am #918399
Crystalyn
Hi-
I’ve been trying to implement a Mailchimp popup code on my site. No matter where I put the code in the hooks, header/footer/etc, it conflicts and breaks the GP mobile menu on the site making it unclickable. Is there any way around this?
Thanks!
June 3, 2019 at 6:54 am #918569David
StaffCustomer SupportHi there,
would you be able to hook the script in and set to a specific page that i could see the issue on?
Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/June 3, 2019 at 7:53 am #918623Crystalyn
Sure thing, I added the hook to the specific page “mydomain.com/testpage”
Thanks!
June 3, 2019 at 8:19 am #918652David
StaffCustomer SupportUrgh – Mailchimp really do write some bad code lol…. looks like a known problem:
https://help.outofthesandbox.com/hc/en-us/articles/115015862967-Avoiding-MailChimp-Conflicts
I tested the Move the pop-up to the middle of the screen: solution and it seemed to work.
Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/June 3, 2019 at 8:45 am #918685Crystalyn
Are you referring to the following code? :
@media only screen and (max-width: 768px) {
.mc-banner { top: 50% !important; }
}I just tried adding that, and the individual links on the menu still seem to be unclickable.
June 3, 2019 at 8:58 am #918689David
StaffCustomer SupportHmmm. try the Allow content to be clicked method
Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/June 3, 2019 at 9:05 am #918698Crystalyn
Unfortunately, that doesn’t work either
June 3, 2019 at 9:32 am #918741David
StaffCustomer SupportWhats the trigger even that causes the pop up to display?
Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/June 3, 2019 at 10:18 am #918773Crystalyn
The trigger is an exit intent
June 3, 2019 at 10:52 am #918802David
StaffCustomer SupportIn that case the hide on mobile method seems the obvious choice considering touch screens can’t register an exit intent. Right?
Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/June 3, 2019 at 11:12 am #918814Crystalyn
I have actually had the “hide on mobile” code implemented from the start, as the mobile Mailchimp banner is horrendous!
I removed the code to “hide on mobile” and the menu works but unfortunately the popup covers the entire menu.
I have another site running on GeneratePress, and the mobile menu slides out from the left-hand side instead of dropping down. Oddly enough, the MailChimp code works fine on the other site (same version running).. where is the option on GP to switch to a slide-out menu? I can try that.
Thanks!
June 3, 2019 at 11:27 am #918817David
StaffCustomer SupportIn Customizer > Layout > Off Canvas Panel – make sure you assign a menu to the Off Canvas Panel like you would if it were the Primary Nav.
Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/June 3, 2019 at 2:44 pm #918964Crystalyn
Perfect! The off-canvas menu coupled with the Mailchimp popup code work together.
Thanks for your support. Hopefully this thread will help someone with the same issue!
June 4, 2019 at 2:21 am #919264David
StaffCustomer SupportPhew… Glad to hear that works!
Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/ -
AuthorPosts
- You must be logged in to reply to this topic.