Twenty Seventeen: Search-Button erstreckt sich in Mobilansicht über komplette Seite

  • Liebes Forum,

    ich habe ein Problem mit dem Search-Button in der Mobilansicht von Twenty Seventeen.

    In der Desktop-Ansicht wird die Suche noch normal in der Sidebar angezeigt:

    [ATTACH=CONFIG]16303[/ATTACH]

    In der mobilen Ansicht wandert dann aber die Sidebar unter den Content und der Search-Button erstreckt sich auf einmal über die gesamte Seite bis zum Anfang des Content-Bereichs:

    [ATTACH=CONFIG]16304[/ATTACH][ATTACH=CONFIG]16305[/ATTACH]

    In der style.css ist ja .search-submit für die Darstellung des Buttons zuständig:

    Ich nehme an, dass position:absolute für die fehlerhafte Darstellung verantwortlich ist? Wenn ich das aber durch relative ersetze, schrumpft der Button zwar wieder zusammen, wandert aber unter die Searchbar, außerhalb des Rahmens. Ich habe auch schon eine zusätzliche height-Definition in ".search-form .search-submit {" probiert. Das beschränkt zwar dann die Größe des Buttons, er wandert aber an den Beginn des Content-Bereichs, 1000 Pixel von der Search-Bar entfernt ...

    Hat jemand einen Tipp für mich, wie ich das sauber hinbekomme?

    VG und Danke!

    • Anzeige

    Hallo!

    Wenn du gerade an deiner Website arbeitest oder dein aktuelles Hosting überdenkst: Wir betreiben mit NetzLiving eine Hosting-Plattform, die speziell auf Performance, Sicherheit und einfache Verwaltung ausgelegt ist.

    • ✔️ Schnelle Ladezeiten (optimiert für WordPress & Co.)
    • ✔️ Deutsche Server & DSGVO-konform
    • ✔️ Persönlicher Support (kein 0815-Ticket-System)

    Mehr erfahren

Jetzt mitmachen!

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