Navigationsleiste Mobile Website anpassen

06.01.2019 22:39
#1
be

Hallo Team,

ich möchte die Darstellung bzw. das einblenden der Navigation auf meiner mobilen Website ändern.
Derzeitige Vorlage: Florence
Navigationsmechanismus: Overlay

Das bedeutet dass über meinem Content das Menü dargestellt wird. Das gefällt mir aber nicht.

Ich möchte das ändern zu dem Navigationsmechanismus von der Designvorlage Helsinki: Menü wird von links eingeschoben.

Wie kann ich das mittels CSS Code für mobil umändern?

Danke euch vielmals!


 Antworten

 Beitrag melden
07.01.2019 10:08
avatar  az_
#2
avatar
az_

...poste doch bitte einmal Deine URL (=Web-Adresse), dann können wir bestimmt helfen!

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
07.01.2019 11:33
#3
be

Hi,

gerne es ist jedoch noch nicht viel drauf.

Hier der Link
https://nineninesports.jimdofree.com/

ich möchte wie gesagt das Menü verändern in der mobilen Ansicht:
1. soll es eingeschoben werden von links
2. möchte ich die hintergrundfarbe des Menüs anpassen.

Bild des zu verändernden Bereichs habe ich euch angehängt.

|addpics|ngn-1-53c6.jpg|/addpics|


 Antworten

 Beitrag melden
08.01.2019 15:55
#4
be

ich bräuchte bitte eure Hilfe.
wisst ihr wie ich das adaptieren könnte?


 Antworten

 Beitrag melden
08.01.2019 20:38 (zuletzt bearbeitet: 08.01.2019 21:38)
avatar  az_
#5
avatar
az_

...folgender Code ändert die Hintegrundfarbe:

1
2
3
4
 

.jtpl-mobile-navigation__inner {
background-color: #e65d00;
 
 




...die Animation der mobilen Navigation von Helsinki kannst Du damit aber nicht realisieren. So bekommst Du die Höhe halbiert:

1
2
3
4
5
 

.jtpl-mobile-navigation__checkbox:checked + .jtpl-main .jtpl-mobile-navigation {
min-height: 50%;
}
 
 



Ich hoffe, das hilft Dir schon mal,
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
Bereits Mitglied?
Jetzt anmelden!
Mitglied werden?
Jetzt registrieren!