Suchfeld in mobilem Menü Flat Responsive linksbündig machbar?

Hallo zusammen,

zur Zeit entwickle ich eine Webseite für ein Möbelhaus. Der Kunde ist genauso wie ich hinter jedem Pixel her, der nicht richtig sitzt. Diverses konnte ich schon mit zusätzlichen Codeschnipsels richten, das Suchfeld wirft noch Fragen auf:

Ich habe das Suchfeld in die Navigationsleiste gesetzt. Auf dem PC passt alles, aber mobil sitzt das Suchfeld nicht linksbündig mit den Inhalten der Zeilen des Menüs. Ich habe in den Attributen gesucht, ob ich was finde, in der Hilfe, im Forum, nichts gefunden. Hat jemand einen Plan?

Das nächste Problem ist die Seite "Kollektionen". Ich versuche, ca. 30 Herstellerlogos, die ich auch alle auf eine Größe schneide, so hinzukriegen, dass mobil Reihen zu 3 Stück entstehen und noch ein Textlink drunter ist, nicht nur eine Spalte. Ich habe verschiedene Widgets probiert, das geht bis jetzt nur ordentlich, wenn ich das als gewöhnliches Fotoalbum mache. Dann ist allerdings nur der Textlink klickbar, nicht das Logo. Und das Aufgehen der Vergrößerung könnte ich mir dann auch sparen, wenn eh nur der Text klickbar ist. Hat jemand noch eine andere Idee?

Hier die Seite: http://www.webcorner.de/schmezer2

Vielen Dank im voraus und viele Grüße!

Gerhard Linke

Zitat von Stefan S

Wie genau haben Sie das denn gemacht? Meines Wissens nach, bieten wir eine solche Möglichkeit im genannten Layout ja nicht an.

Hallo Stefan,

doch, im Layout kann ich wählen Oben, Im Menü oder Unten. Ich habe dann nur noch die Schriftgröße angeglichen und in den Attributen den Eintrag für den voreingestellten Text geändert. Bei dem Layout habe ich grundlegend nur das Logo linksbündig gesetzt und den Nach-oben-Pfeil entfernt. Die Codeschnipsel habe ich in anderen Forumsbeiträgen gefunden.

Viele Grüße

Gerhard

Zitat von GYMWAVE.de

Anbei die Screenshots du musst das padding: 0 2em; auf padding: 0 0; setzen, siehe die Bilder an

Hallo Markus,

danke für die Hilfe, aber wie komme ich dorthin, das padding zu ändern. Ich habe zwar vor vielen Jahren schon html relativ ordentlich gekonnt, bin aber im CSS-Untergrund nicht so fit. Ich kann nur Schnipsel einfügen, die ich anderswo finde. Und in den Attributen komme ich mit kleinen Änderungen einigermaßen klar. Danke nochmal .....

Viele Grüße

Gerhard

P.S. Hab's gefunden ---- Learning by doing. Mit dem Untersuchen-Tool in Chrome.... Man muss halt alles zum ersten Mal machen. Danke nochmal!

Zitat von elch

Hallo Gerhard L

Ohne direkt getestet zu haben, in etwa so:

Code

<style>
#zpsearchfield {padding-left: 0px;} /* eventuell bei Bedarf */
#header #nav.on #search.menusearch #zpsearchform {padding: 0px 0px;}
</style>

Eigenes CSS einfügen -> Handbuch

Müsste funktionieren.

Gute Nacht und viele Grüsse

elch

Alles anzeigen

Danke, elch, ich hab's mit Eigenes CSS einfügen versucht, hat aber nicht funktioniert. Dann habe ich die Vorschau mit dem Browser untersucht, die Stelle, die Markus beschrieben hat gefunden, geändert, das bundle.css neu abgespeichert, das alte gesichert, rüberkopiert, Projekt wieder geöffnet, und siehe da, Erfolgserlebnis pur.... Zum Glück kann ich als Rentner morgen ausschlafen... Viele Grüße und auch Gute Nacht! Gerhard