Das Suchdesign funktioniert einwandfrei, bis wir zu unserer "Babybär"-Größe (kleines Mobilgerät) gelangen. Dort müssen wir etwas anderes tun. Wir schaffen Platz dafür unter dem Navigationsbereich und verschieben sie dann mit absoluter Positionierung in diesen Bereich.
Wir haben eine Reihe von Anpassungen vorzunehmen, um diese einigermaßen drastische Positionsänderung vorzunehmen. Wir ändern Größen, Abstände, Farben und alles. Was cool ist, ist, dass wir die Markup nicht wiederholen müssen, um dies zu tun. Wir verwenden überall die exakt gleiche Suchformular-Markup. Das ist die Kraft von CSS, die uns zugutekommt.
Haben Sie jemals herausgefunden, warum Sie z-index für den Suchbereich benötigt haben? Mir ist klar, dass der Hauptinhaltsbereich nach der Suche kommt (und daher darüber gestapelt würde), aber wie Sie angedeutet haben, ist er absolut positioniert, daher sollte er es nicht brauchen.