Mobile Darstellung (contactform7)

  • Gelöst lelouchre

    (@lelouchre)


    vor 4 Jahren, 2 Monaten

    Hallo liebe community,

    leider wird auf Mobile Endgeräte der Kontrollkasten im Formular für die DSVGO Bestätigung sehr klein dargestellt, wodurch ein Auswählen unmöglich macht. Screenshot: https://i.ibb.co/BySLGqW/IMG-2035.jpg

    Ich verwende folgende Plugins:
    – Contact Form 7
    – WPBakery Page Builder

    Wie kann ich das Problem lösen, bzw. den Kasten bei mobilen Endgeräte groß genug darstellen?

    Bin für jede Hilf dankbar!

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

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

    (@pixolin)

    vor 4 Jahren, 2 Monaten

    Das kann ich nicht nachvollziehen. In meinem Browser (Firefox/Mac) wird das Kontrollkästchen in der üblichen Größe ausgegeben:

    Screenshot Einstellungen

    Du kannst das Kästchen allerdings auch mit einer CSS-Regel vergrößern, z.B.

    .wpcf7-list-item input[type="checkbox"] {
    -ms-transform: scale(2);
    -moz-transform: scale(2);
    -webkit-transform: scale(2);
    -o-transform: scale(2);
    transform: scale(2);
    padding: 10px;
    margin: 10px;
}

    Dass Daten, die ich in ein Kontaktformular eingebe, auch verwendet werden, sollte jedem auch ohne zusätzliche Hinweise einleuchten. Aber das kann ein Jurist besser beurteilen.

    Thread-Starter lelouchre

    (@lelouchre)

    vor 4 Jahren, 2 Monaten

    Der Fehler wird nur in den mobilen Geräten angezeigt, nicht bei der mobilen Browser Ansicht am PC. Das ist mir auch ein Rätsel.

    Der Code war eine Hilfe, ich habe die Größe angepasst. Vielen Dank!

    Ist es möglich das Formular für die mobile Ansicht breiter zu ziehen? (links und rechts gibt es noch viel Platz bei der mobilen Ansicht.)

    • Diese Antwort wurde geändert vor 4 Jahren, 2 Monaten von lelouchre.
    Moderator Bego Mario Garde

    (@pixolin)

    vor 4 Jahren, 2 Monaten

    Der Fehler wird nur in den mobilen Geräten angezeigt, nicht bei der mobilen Browser Ansicht am PC.

    Ich hab mir das gerade nochmal auf dem Android-Smartphone angeschaut – alles OK.

    … ich habe die Größe angepasst.

    Nunja, mit transform: scale(1); skalierst du das Element mit dem 1fachen seiner Größe. Das ändert dann nicht viel … 🙂

    Ist es möglich das Formular für die mobile Ansicht breiter zu ziehen? (links und rechts gibt es noch viel Platz bei der mobilen Ansicht.)

    Ich kenn mich mit dem kostenpflichtigen WPBakery Page Builder nicht aus und er steht mir auch nicht zur Verfügung, aber du hast anscheinend eine individuelle Einstellung für den Textabschnitt vorgenommen, die recht breite Ränder verursacht:

    .vc_custom_1601484365929 {
    padding-top: 30px !important;
    padding-right: 38px !important;
    padding-bottom: 5px !important;
    padding-left: 38px !important;
    border-radius: 5px !important;
}

    Das sollte sich im Pagebuilder anders einstellen lassen.

    Thread-Starter lelouchre

    (@lelouchre)

    vor 4 Jahren, 2 Monaten

    Jetzt passt es, vielen Dank für die tolle Hilfe!

Ansicht von 4 Antworten – 1 bis 4 (von insgesamt 4)
  • Das Thema „Mobile Darstellung (contactform7)“ ist für neue Antworten geschlossen.

Schlagwörter