Darstellung vom Widerruf Formular

Thema wurde von Inspire (MyLuma.de), 1. Januar 2025 erstellt.

  1. Inspire (MyLuma.de)

    Inspire (MyLuma.de) Erfahrener Benutzer

    Registriert seit:
    16. Oktober 2020
    Beiträge:
    140
    Danke erhalten:
    43
    Danke vergeben:
    31
    Hallo zusammen,

    ich habe ein Problem mit der Darstellung des Widerrufsformulars auf meiner Webseite. Es scheint, dass das Formular insbesondere auf Web und Mobil Geräten nicht richtig angezeigt wird und teilweise verschoben wirkt. Hier ist der Link zur entsprechenden Seite:

    ➡️ Widerrufsformular

    Das Problem: upload_2025-1-1_21-47-44.png

    Meine bisherigen Erkenntnisse:
    • Ich habe das CSS überprüft und versucht, feste Breiten durch Prozentangaben zu ersetzen, aber das Problem besteht weiterhin.
    • Es betrifft nur dieses eine Formular. Die PHP-Datei wurde bereits über FTP mit der aktuellen Version von Gambio ersetzt.
    Meine Fragen an euch:
    1. Welche typischen Fehler könnten für die Verschiebung der Formularelemente verantwortlich sein?
    Ich bin für jeden Tipp oder jede Empfehlung dankbar!



     
  2. Anonymous

    Anonymous Erfahrener Benutzer

    Registriert seit:
    1. September 2012
    Beiträge:
    2.644
    Danke erhalten:
    479
    Danke vergeben:
    168
    Also auf IPhone sieht alles ok aus.
     
  3. barbara

    barbara G-WARD 2014-2020

    Registriert seit:
    14. August 2011
    Beiträge:
    35.608
    Danke erhalten:
    11.335
    Danke vergeben:
    1.614
    Es scheint als wäre die linke Spalte aktiv, aber ohne Inhalt.
    da ist
    Code:
    @media (min-width: 992px) {
        #wrapper #main {
             left: 33.3333333333%;
        }
    }
    @media (min-width: 768px) {
        #wrapper #main {
            left: 33.3333333333%;
        }
    }
    Wenn das weg ist, ist alles da wo es hingehört.
    Schau mal im Style Editor, ob Du irgenwo die Spalte aktiviert hast. (Bereiche -> Menüboxen -> Seite mit Menüboxspalte)
     
  4. Inspire (MyLuma.de)

    Inspire (MyLuma.de) Erfahrener Benutzer

    Registriert seit:
    16. Oktober 2020
    Beiträge:
    140
    Danke erhalten:
    43
    Danke vergeben:
    31
    #4 Inspire (MyLuma.de), 2. Januar 2025
    Zuletzt bearbeitet: 2. Januar 2025
    Guten Morgen Bianca,

    genau das habe ich mir auch gedacht – es sieht wirklich danach aus, als wäre die linke Menübox noch aktiv. Komisch ist allerdings, dass das Problem ausschließlich auf dieser einen Seite auftritt und sonst nirgends.

    Zur Info:

    • Die MenüBox ist komplett deaktiviert und wird weder genutzt noch benötigt.
    • Alle Spaltenseiten sind deaktiviert.
    • Ich habe es sogar mit der „Reset“-Funktion versucht.
    • Außerdem sind die MenüBox-Content-Felder 1–9 vollständig geleert.
    Trotzdem scheint sie sich auf dieser Seite weiterhin zu zeigen. Vielleicht hast du noch eine Idee, woran das liegen könnte?

    Das habe ich auch Bemerkt das hier der Code dies verschiebt. Bei Untersuchen wenn ich diesen Code Entferne wird es sozusagen richtig dargestellt.
    Code:
    @media (min-width: 992px) {
        #wrapper #main {
             left: 33.3333333333%;
        }
    }
    Jedoch so richtig finde ich diesen Code im CSS nicht. Ich habe mal ein paar Entfernt, und Cache geleert Browser & Gambio, jedoch besteht es weiterhin. Ich habe auch mal im StyleEditor die ganze CSS raus genommen. Ohne Erfolg.

    Vielen Dank schon mal für deine Unterstützung!

    Viele Grüße
     
  5. Inspire (MyLuma.de)

    Inspire (MyLuma.de) Erfahrener Benutzer

    Registriert seit:
    16. Oktober 2020
    Beiträge:
    140
    Danke erhalten:
    43
    Danke vergeben:
    31
    Diese Einstellungen sind im StyleEditor

    upload_2025-1-2_10-28-24.png upload_2025-1-2_10-28-42.png

    Jedoch ist mir gerade aufgefallen das hier unten ab und zu im Style Editor dies angezeigt wird als Unterdrückt:
    upload_2025-1-2_10-30-37.png
     
  6. barbara

    barbara G-WARD 2014-2020

    Registriert seit:
    14. August 2011
    Beiträge:
    35.608
    Danke erhalten:
    11.335
    Danke vergeben:
    1.614
    Bevor Du lange in css-Dateien suchst, trage das im Style Editor unter eigenes CSS ein:
    Code:
    @media (min-width: 992px) {
        #wrapper #main {
             left: 0;
             width: 100%;
        }
    }
    @media (min-width: 768px) {
        #wrapper #main {
             left: 0;
             width: 100%;
        }
    }
    wenn das so nicht geht, dann setze noch ein
    !important
    dahinter
     
  7. Inspire (MyLuma.de)

    Inspire (MyLuma.de) Erfahrener Benutzer

    Registriert seit:
    16. Oktober 2020
    Beiträge:
    140
    Danke erhalten:
    43
    Danke vergeben:
    31
    Wunderbar Bianca, hat ohne ganz gut geklappt.