CSS Anpassung Search-Bar

DiBaDu

Guten Tag,

ich habe ein Template (gekauftes) und bei diesem gibt es das Problem, dass man nicht in das Suchfeld oben rechts etwas eintragen kann. Wenn mann über die Lupe geht öffnet sich ein Feld, in das man etwas eintragen und suchen kann. Jedoch wenn man die Lupe verlässt, geht das Feld direkt zu so das man nichts eintragen kann. Ich hoffe es ist etwas verständlich geworden. Könnte mir vielleicht jemand helfen dieses Problem zu beheben?

Würde mich gerne mit jemanden, der Ahnung davon hat einmal privat auseinander setzen, da dies eine Geschäftliche Website ist und ich den Link hier nicht hineinschicken möchte, und die Website noch im Aufbau ist.

Würde mich wirklich sehr freuen. MfG

Werbepost

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

b3317133

Der erste Ansprechpartner wäre der Verkäufer bzw. der Autor des Templates. Hast Du dort mal gefragt?

DiBaDu

Ja aber der verändert da nichts mehr dran :( muss ich mich selber drum kümmern

Henk1060

ich glaube dann können wir dir auch nicht helfen.
Da du keinen Link einstellen darfst, wir das Theme nicht kennen usw.

DiBaDu

Habe ein Demo Theme: http://themechampion.com/demo/financelst/demo2/

Wie kann ich per CSS abändern, dass die Suchleiste aufbleibt und man besser etwas eintragen mann

Sailor56

Schon seltsam, dass du für etwas bezahlst und dann anschließend keinen Support enthältst (?)
Aber so, wie der Code aufgebaut ist, kann das auch gar nicht funktionieren... keine Ahnung, was der Entwickler sich dabei gedacht hat.
Die einzige Chance, hier was zu richten sehe ich darin, dieses Suchbegriffeingabefeld so mit CSS zu verschieben, dass es mit dem Lupen-Icon in einen räumlichen Zusammenhang kommt und somit das 'hover' auch auf den Eingabecontainer wirkt...
Hier mal ein Versuch...

HTML

.nav-header-right > ul > li > ul {
  top: 0px;
  right: -30px;
}
.input-group {
  background-color: #fff;
  z-index: 999;
}

.. bestimmt noch nicht die Lösung - aber vielleicht ein Weg.

DiBaDu

schonmal vielen dank werde direkt weiter probieren.
Gibt es noch eine weitere Möglichkeit?

Willkommen! Melden Sie sich an oder registrieren Sie sich.

CSS Anpassung Search-Bar

Jetzt mitmachen!