Pesponsive Ansicht wird durch Suchfeld negativ verändert

  • Projektvorlage: Technical Responsive - Grau

    Moin Support,

    ich habe hier eine Vorlage die sich bei einfügen der Suchfunktion (Widget) in der Responsiven Ansicht nicht schön verändert.

    Auf dem Handy lässt sich die Seite in der Bereite scrollen :(

    VG

    Holger :)

    Stand 01.07.2026

    17.2.2 Business

  • Wenn ich das Layout anlege, das Widget Suchfeld einfüge und dann in die responsive Darstellung umscahlte, verschiebt sich die Ansicht in die Breite, wird nicht korrekt angezeight

    VG

    Holger :)

    Stand 01.07.2026

    17.2.2 Business

  • Und das Suchfeld-Widget fügen Sie ein, weil Ihnen das eingebaute Suchfeld ganz oben nicht gefällt?

    Bei mir passt sich die Breite des Suchfelds korrekt an. Das müssten wir dann also auf einer veröffentlichten Seite sehen können, um das zu beurteilen.

    Freundliche Grüße
    Stefan S. (Zeta Producer-Support)

  • Und das Suchfeld-Widget fügen Sie ein, weil Ihnen das eingebaute Suchfeld ganz oben nicht gefällt?

    >>> Ja und weil ich das Widget in der Art der Suche einstellen kann

    Bei mir passt sich die Breite des Suchfelds korrekt an. Das müssten wir dann also auf einer veröffentlichten Seite sehen können, um das zu beurteilen.

    >>> OK

    VG

    Holger :)

    Stand 01.07.2026

    17.2.2 Business

  • Haben Sie das Widget "Suchfeld" mal angepasst bzw. kopiert? Der Code stimmt nicht mit unserem aktuellen Code überein. Das ist eigenartig.

    Ihr Problem sollte sich aber mit folgendem angepassten CSS lösen lassen:

    • Klicken Sie im Menü Website auf "Einstellungen"
    • Klicken Sie auf CSS
    • Fügen Sie folgende Textzeilen (ohne Überschrift und ohne Zeilennummern – am besten über das Dokumente-Icon rechts oben im Quellcode-Kasten kopieren) in das Feld "CSS" ein und schließen Sie den Dialog dann mit Klick auf "OK"
    CSS
    <style>
        form.SO-SiteSearchForm{max-width: 100%;}
    </style>

    Anschließend müssen Sie evtl. Ihre Seiten neu erstellen (Erweitert > Erstellen > Alle Seiten erstellen) und ggf. veröffentlichen.

    Freundliche Grüße
    Stefan S. (Zeta Producer-Support)

  • Ah, ich habe die Ursache des Code-Unterschieds entdeckt.

    Sie haben gar nicht das Widget "Suchfeld" eingefügt, sondern das Widget "Suche".

    Das zeigt mal wieder, wie wichtig es für das Verständnis von Anfragen ist, ganz genau zu beschreiben, wie man vorgegangen ist.

    Freundliche Grüße
    Stefan S. (Zeta Producer-Support)

  • Das obige CSS wird nachher auch automatisch als Online-Update im Widget für Version 15.4.X mit eingebaut.

    In frühestens 30 Minuten auf "Extras > Updates suchen" klicken und nachdem Inhalte geladen wurden (Hinweis unten rechts) die Tastenkombination STRG-SHIFT-T drücken. Danach ggf. veröffentlichen.

    Freundliche Grüße
    Stefan S. (Zeta Producer-Support)

  • Ah, ich habe die Ursache des Code-Unterschieds entdeckt.

    Sie haben gar nicht das Widget "Suchfeld" eingefügt, sondern das Widget "Suche".

    Das zeigt mal wieder, wie wichtig es für das Verständnis von Anfragen ist, ganz genau zu beschreiben, wie man vorgegangen ist.

    Moin, Danke und tja .... Kunden eben! Ich könnte ein Buch drüber schreiben und berate auch nebenbei Firmen und deren Mitarbeiter im Umgang mit Kunden und der Ansichten.

    Ich hatte die Varianten "Suchfeld" und "Suche" gar nicht auf dem Schirm, gab es in meiner Welt nicht!

    VG

    Holger :)

    Stand 01.07.2026

    17.2.2 Business

Jetzt mitmachen!

Sie haben noch kein Benutzerkonto auf unserer Seite? Registrieren Sie sich kostenlos und nehmen Sie an unserer Community teil!