Menüleiste fixieren und in Mobilansicht sichtbar machen

10.01.2021 16:51 (zuletzt bearbeitet: 11.01.2021 15:54)
#1
avatar

Hallo alle zusammen!
Ich bin erst am Anfang meines Online-Shops. Bis jetzt lief alles ganz gut, bis jetzt......
Vorab, es geht um meinen Shop

- https://makiskleinewelt.at

Ich habe selbst das Logo in die linke obere Ecke geschoben und damit es nicht hinter der Menüleiste verschwindet, habe ich diese auf transparent gestellt. Jetzt sieht man sie zwar am Computer aber nicht mehr in der Mobilansicht, dort ist sie transparent.

Weiters würde ich gerne meine Menüleiste fixieren, damit sie nicht ständig mitfährt.

Ich bedanke mich schon mal vorab für all eure Hilfe und bin sehr froh dieses Forum entdeckt zu haben!
Liebe Grüße
Sabrina


 Antworten

 Beitrag melden
11.01.2021 11:10
#2
avatar

Es wäre super, wenn mir jemand helfen könnte. Ich denke, die einfachste Lösung wäre die Navigationsleiste zu kürzen. Aber egal was ich im Head eingebe, es passiert nix. *heul*


 Antworten

 Beitrag melden
11.01.2021 19:55
avatar  az_
#3
avatar
az_

Hi Sabrina von @makiskleinewelt,

...bei dem von dir gewählten design liegt das Logo IMMER unter der Navigation. wenn Du das ändern möchtest, musst Du ein Skript verwenden, welches das Logo an eine andere Stelle im Dom verschiebt.

Versuch mal folgende Links anstelle Deines CSS im head-Bereich:

1
2
3
4
5
6
7
8
9
10
 

 
<link type="text/css" media="all" href="https://redesign-berlin.lima-city.de/__designs/miami/logopos/logopos.css" rel="stylesheet" />
 
<script src="https://code.jquery.com/jquery-3.4.1.js"></script>
 
<script type="text/javascript" src="https://redesign-berlin.lima-city.de/__designs/miami/logopos/logopos.js"></script>
 

 
 




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
13.01.2021 11:09
#4
avatar

DANKE, DANKE, DANKE!!!!!!!
Es hat mit deinen Links funktioniert.
Jetzt nur eine lästige Frage. Könnte man mein Logo etwas weiter nach rechts rücken? Nur für die Optik.

Vielen herzlichen Dank nochmal!!!!!!!!

LG Sabrina


 Antworten

 Beitrag melden
13.01.2021 17:54 (zuletzt bearbeitet: 13.01.2021 17:56)
avatar  az_
#5
avatar
az_

das kannst Du jetzt sogar wieder allein über die head-Einstellungen:

1
2
3
4
5
6
7
8
 

<style type="text/CSS">
.logo-pos {
 
margin-left:10px; /* positiver Wert >> nach rechts, negativer Wert << nach links */
}
</style>
 
 



Ich freue mich, dass ich helfen konnte - scroll mal ganz runter, da findest Du ein "Spendenschweinchen"
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
26.06.2023 11:26
#6
Ur

Funktioniert das auch im Cairo Design ?
Möchte auf meiner Webseite das Logo gerne rechts unten "auf den unteren Bildrand " legen, sowohl in der Desktop Version als auch in der mobilen Version
LG Stefan


 Antworten

 Beitrag melden
03.07.2023 18:50
avatar  az_
#7
avatar
az_

Prinzipiell geht das mit jedem Design. Kairo ist aber ein Spezialfall. Hier solltest du das vielleicht lieber einem Profi in die Hand geben.


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
Bereits Mitglied?
Jetzt anmelden!
Mitglied werden?
Jetzt registrieren!