Mobiles Menü überlappt Mailchimp Pop-Up

  • Gelöst maximouxl

    (@maximouxl)


    vor 4 Jahren, 5 Monaten

    Hallo liebe Community, (for english version read below)

    ich habe die Seite julianwitting.de mit Mailchimp verknüpft, in Mailchimp mit dem Pop-up Form Builder ein Pop-Up gestaltet und online gestellt.
    Das Pop-Up arbeitet gut in der Desktop-Ansicht.
    Mein Problem liegt in der mobilen Ansicht der Seite. Wird diese aufgerufen, verdeckt das Menü das Pop-Up.
    Wie bringe ich das Pop-Up über das Menü?

    Vielen Dank schonmal für die Hilfe 🙂

    LG, Max

    english:
    I connected the site julianwitting.de to Mailchimp, created a pop-up with Form Builder in Mailchimp and put it online.
    Pop-up works good on desktop view.
    The problem lays in the mobile view, as there the menu overlays the pop-up.
    How do I get the pop-up overlaying the menu?

    Thank you for you time and help,

    Max

    Die Seite, für die ich Hilfe brauche: [Anmelden, um den Link zu sehen]

Ansicht von 10 Antworten – 1 bis 10 (von insgesamt 10)
  • Moderator Bego Mario Garde

    (@pixolin)

    Moderator (nicht mehr aktiv)

    vor 4 Jahren, 5 Monaten

    Vorab: Wir möchten im deutschsprachigen Supportforum den Austausch auch für Teilnehmende ohne Englisch-Kenntnisse zugänglich halten und schließen deshalb auf Englisch gestellte Anfragen mit Verweis auf die internationalen Supportforen auf https://wordpress.org/support/forums/. Eine Übersetzung deiner Frage ist also nicht nötig.

    Der von dir genannte Link mit www zeigt im Webbrowser ein Sicherheitsrisiko an. Hier scheinen die Zertfikatseinstellungen nicht zu passen. Prüf das doch nochmal im Kundenmenü deines Webhosters. Die URL ohne www lässt sich mit https öffnen. Allerdings wird mir im Moment auf der Website kein Popup angezeigt. Vielleicht magst du nochmal genauer angeben, wo ich das finden sollte?

    Auf allen Webseiten wird im Moment ein Codefragment ); im Header links oben angezeigt. Nur anhand der Browseransicht lässt sich nicht bestimmen, wo dieses Fragment herkommt. Deaktivier doch mal die Plugins und schalte sie einzeln wieder ein, um den Fehler einzugrenzen.

    Kurz noch der Hinweis, dass wir bei Fragen zu gekauften Themes (hier: Avada) nur sehr engeschränkt Support anbieten können, weil sie uns nicht zur Verfügung stehen.

    Thread-Starter maximouxl

    (@maximouxl)

    vor 4 Jahren, 5 Monaten

    Vielen Dank für deine Nachricht @pixolin!

    Dem Hinweis mit dem Sicherheitszertifikat und dem Codefragment werde ich nachgehen. Sehr aufmerksam, dankeschön!

    Das Popup in der mobilen Ansicht versteckt sich beim Aufruf hinter dem Menü. Erst beim Scrollen nach unten wird es sichtbar. Ist das auch bei Dir der Fall?

    Moderator Bego Mario Garde

    (@pixolin)

    Moderator (nicht mehr aktiv)

    vor 4 Jahren, 5 Monaten

    Erst beim Scrollen nach unten wird es sichtbar. Ist das auch bei Dir der Fall?

    Nein, ich sehe da kein Popup.

    Moderator Hans-Gerd Gerhards

    (@hage)

    vor 4 Jahren, 5 Monaten

    Hallo,
    @pixolin bei mir schon.
    Aber die Seite hat insgesamt einige Fehler, siehe developer console (F12) und oben links steht unmotiviert );.
    Viele Grüße
    Hans-Gerd

    Moderator Bego Mario Garde

    (@pixolin)

    Moderator (nicht mehr aktiv)

    vor 4 Jahren, 5 Monaten

    ¯\_(ツ)_/¯

    Vielleicht ist meine Firewall zu gut? 😛

    Moderator Angelika Reisiger

    (@la-geek)

    vor 4 Jahren, 5 Monaten

    Bei mir erscheint das Pop-up zeitverzögert und nur beim ersten Aufruf und dann erst wieder nachdem ich Caches und Cookies gelöscht habe.

    @maximouxl
    teste mal folgenden CSS-Eintrag:

    @media only screen and (max-width: 768px)
.home .mc-modal {
    z-index: 1;
}
    Thread-Starter maximouxl

    (@maximouxl)

    vor 4 Jahren, 5 Monaten

    Danke für deine Antwort @la-geek!

    Habe den CSS Eintrag hinzugefügt. Leider keine Veränderung der Position des Popups. Versteckt sich immer noch hinter dem Menü.

    Moderator Angelika Reisiger

    (@la-geek)

    vor 4 Jahren, 5 Monaten

    @maximouxl

    falls du das Pop-up mit dem Download-Button meinst, dann teste mal diesen CSS-Code

    
@media only screen and (max-width: 768px) {
	div#PopupSignupForm_0 {
		z-index: 99999;
		position: relative;
	}
}
    Thread-Starter maximouxl

    (@maximouxl)

    vor 4 Jahren, 5 Monaten

    @la-geek

    Hammermäßig! Vielen lieben Dank! Bei mir funktioniert es!

    Moderator Angelika Reisiger

    (@la-geek)

    vor 4 Jahren, 5 Monaten

    Gerne 🙂 und danke für die Rückmeldung, ich setz den Thread dann für dich mal auf gelöst.

Ansicht von 10 Antworten – 1 bis 10 (von insgesamt 10)
  • Das Thema „Mobiles Menü überlappt Mailchimp Pop-Up“ ist für neue Antworten geschlossen.