Suchfeld in die Navigation verschieben

Antworten
#1
18.07.2017 19:16
avatar  Dominik
#1
Do
Dominik

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/">
<!-- Suchfeld -->
<input id="wmsearch-input" class="searchfield" placeholder=" Suchen" name="q" /> <!-- Index ID als verstecktes Formularfeld -->
<input type="hidden" name="idx" value="BRdGT" /> <!-- Such Knopf -->
</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)
avatar  az_
#2
avatar
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
avatar  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)
avatar  az_
#4
avatar
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
avatar  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
avatar  az_
#6
avatar
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


 Antworten

 Beitrag melden
Antworten
Bereits Mitglied?
Jetzt anmelden!
Mitglied werden?
Jetzt registrieren!
Forenspende

 

Spenden über PayPal

Ein Forum zu betreiben, erfordert ein hohes Maß an Zeit, Kraft und Aufmerksamkeit. 

Das Team von Jimdo-Forum arbeitet hinter den Kulissen sehr engagiert daran,
die erforderlichen Aufgaben zu erfüllen, um dir und den
anderen Forenmitgliedern ein tolles Forenerlebnis zu ermöglichen.

 Wir freuen uns, dass du dich dazu entschlossen hast, unser Forum mit deiner Spende zu unterstützen!

...hier ist der direkte Spendenlink
für unsere Kaffeekasse!