Navigationsleiste Mobile Website anpassen

Antworten
#1
06.01.2019 22:39
avatar  besta_ebay
#1
be
besta_ebay

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

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
#4
08.01.2019 15:55
avatar  besta_ebay
#4
be
besta_ebay

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


 Antworten

 Beitrag melden
#5
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

Bildanhänge

 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!