Allgemeines » Suchfeld in die Navigation verschieben

18.07.2017 19:16

Dominik
#1

Do

Hallo zusammen,

bin echt am verzweifeln. Versuche irgendwie das von mir erstellte Suchfeld in die Navigationsleiste zu bringen, rechts von den Menüpunkten.
Allerdings bekomme ich es leider nicht hin. Wäre super wenn mir jemand helfen könnte!
Die Suchleiste sollte dort in der Navigation auf allen Unterseiten verfügbar sein, auch auf dem Handy.

Jimdo Design: Florence

Zitat
HTML (einfach als Widget eingebunden):

<div id="wmsearch-box">
<form method="post" accept-charset="UTF-8" action="//search.webmart.de/target/">

<input id="wmsearch-input" class="searchfield" placeholder=" Suchen" name="q" /> 
<input type="hidden" name="idx" value="BRdGT" /> 
</form>
</div>

Zitat
CSS im Head:

<style type="text/css">
/*<![CDATA[*/

.searchfield{

border: 1px solid #dbdbdb;
border-radius: 10px;
padding: 8px;
}
/*]]>*/
</style>

Vielen Dank
Gruß Dominik

Antworten

Beitrag melden

#2

23.07.2017 11:14 (zuletzt bearbeitet: 23.07.2017 11:15)

az_
#2

az_

...du musst das widget in die sidebar legen und es dann mit einem CSS neu positionieren. Google mal nach "position:absolute;" "top: ;" und "left: ;"
Ich kann Dir das machen, aber sowas kostet ein bisschen was.

LG, az

Achtung: Code im Forum bitte am besten mit der Schaltfläche für "Code" einkapseln!!! (= ) , oder den Code in Formatierungs-Klammern setzen (...zwischen "code" und "/code", jeweils in eckigen Klammern).

Achtung! Im neuen Layout ist die Formatierungsleiste versteckt! Klick auf das Smiley rechts oben über dem Text-Editorfenster, um die Formatierungssymbole einzublenden!

...und zuletzt: Bitte sendet mir keine privaten Nachrichten über das Forum! Bitte Nachrichten an mich nur per e-mail oder über das Kontaktformular auf meiner Webseite https://redesign-berlin.de

Wenn Ihr mich sucht, hier findet Ihr mich:
https://www.facebook.com/redesign.berlin
https://redesign-berlin.de
mailto:info@redesign-berlin.de

Spenden: Hier könnt Ihr unser Userforum finanziell unterstützen: page-644478-1.html

Antworten

Beitrag melden

#3

23.07.2017 12:54

Dominik
#3

Do

Dominik

Hallo az,

vielen Dank für den Hinweis. Im Browser wird das Suchfeld nun korrekt in der Navigationsleiste angezeigt und funktioniert auch.
Allerdings wird bei Jimdo die Navigation auf dem Handy oder bei verkleinertem Browser zu einem Drop Down Menü. Dort wird das Suchfeld trotzdem nicht angezeigt.
Wie löse ich das Problem noch?

Gruß Dominik

Antworten

Beitrag melden

#4

23.07.2017 16:53 (zuletzt bearbeitet: 23.07.2017 16:56)

az_
#4

az_

...mit jQuery. google mal nach ".appendTo". Oder auch per CSS mit @media(max-width: ...px) {...} und position:fixed;

LG, az

Achtung: Code im Forum bitte am besten mit der Schaltfläche für "Code" einkapseln!!! (= ) , oder den Code in Formatierungs-Klammern setzen (...zwischen "code" und "/code", jeweils in eckigen Klammern).

Achtung! Im neuen Layout ist die Formatierungsleiste versteckt! Klick auf das Smiley rechts oben über dem Text-Editorfenster, um die Formatierungssymbole einzublenden!

...und zuletzt: Bitte sendet mir keine privaten Nachrichten über das Forum! Bitte Nachrichten an mich nur per e-mail oder über das Kontaktformular auf meiner Webseite https://redesign-berlin.de

Wenn Ihr mich sucht, hier findet Ihr mich:
https://www.facebook.com/redesign.berlin
https://redesign-berlin.de
mailto:info@redesign-berlin.de

Spenden: Hier könnt Ihr unser Userforum finanziell unterstützen: page-644478-1.html

Antworten

Beitrag melden

#5

26.07.2017 18:52

Dominik
#5

Do

Dominik

Also wenn ich position: fixed; verwende, "schwimmt" das Suchfeld beim scrollen mit und ist abgehoben von allem anderen.
Was mache ich falsch?

Antworten

Beitrag melden

#6

30.07.2017 11:07

az_
#6

az_

...dann nimm mal "position:absolute;" statt fixed. Wie ist denn die URL (= Web-Adresse) der Seite, um die es geht?
LG, az

Achtung: Code im Forum bitte am besten mit der Schaltfläche für "Code" einkapseln!!! (= ) , oder den Code in Formatierungs-Klammern setzen (...zwischen "code" und "/code", jeweils in eckigen Klammern).

Achtung! Im neuen Layout ist die Formatierungsleiste versteckt! Klick auf das Smiley rechts oben über dem Text-Editorfenster, um die Formatierungssymbole einzublenden!

...und zuletzt: Bitte sendet mir keine privaten Nachrichten über das Forum! Bitte Nachrichten an mich nur per e-mail oder über das Kontaktformular auf meiner Webseite https://redesign-berlin.de

Wenn Ihr mich sucht, hier findet Ihr mich:
https://www.facebook.com/redesign.berlin
https://redesign-berlin.de
mailto:info@redesign-berlin.de

Spenden: Hier könnt Ihr unser Userforum finanziell unterstützen: page-644478-1.html