Navigationsleiste auf Unterseite ausblenden

14.02.2020 16:35
#1
Mi

Hallo zusammen,

ich bin neu hier im Forum :-D

ich hoffe, ihr könnt mir helfen :-)

Ich habe schon länger eine eigene Seite von Jimdo.
Jetzt habe ich 3 Landing Pages erstellt, bei denen die Navigationsleiste versteckt sein sollte.

Jetzt habe ich in einem anderem Post gelesen, dass das geht, der Code sich aber an die Seite orientiert.

Es handelt sich um diese drei Landing-Pages:

www.mgrohs-fotografie.de/hochzeitsfotograf

www.mgrohs-fotografie.de/umfrage

www.mgrohs-fotografie.de/kontaktdaten

Vielen Dank im Voraus
Michael


 Antworten

 Beitrag melden
17.02.2020 13:07 (zuletzt bearbeitet: 17.02.2020 13:11)
avatar  az_
#2
avatar
az_

Was meinst du mit:

Zitat
...dass das geht, der Code sich aber an die Seite orientiert.

? Und was genau möchtest du erreichen? Möchtest du, dass der Hauptnavigationslink einfach nur inaktiv bleibt? Das geht nur bei Dropdown Menüs, aber da gibt es ein gutes Tutorial für (extending Jimdo).


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
18.02.2020 19:01
#3
Mi

Hi,

ich wollte die komplette Navigationsleiste unsichtbar für den Besucher machen, so dass er sich durch das Formular auf die nächste Seite vorbewegen muss und nicht abspringen kann.

Ich hab das Ganze jetzt aber durch einen Code hier im Forum erledigen können. Mit dem Code ist die Navigationsleiste und der Komplette Header mit Bild verschwunden.

Den Code kann ich noch nachreichen, sobald ich am PC sitze.


 Antworten

 Beitrag melden
18.02.2020 20:46
avatar  az_
#4
avatar
az_

URL reicht.
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
18.02.2020 23:01
#5
Mi

 Antworten

 Beitrag melden
28.02.2020 23:40 (zuletzt bearbeitet: 20.08.2020 09:42)
#6
Mi

ich bin es wieder :-)

Ich habe durch den folgenden Code, denkompletten Header ausblenden können.

1
2
3
4
5
6
7
 
<style type="text/css">
/*<![CDATA[*/
.jtpl-header--image {
display:none;
}
/*]]>*/
</style>
 



Ich hätte allerdings gerne, dass nur die Navigationsleiste verschwindet und das Header Bild bleibt. Was muss ich da einstellen?|addpics|t3p-1-644d.png,t3p-2-bb32.png|/addpics|


 Antworten

 Beitrag melden
01.03.2020 01:01
avatar  Gismo
#7
avatar

Hallo versuchs mal mit

1
2
3
4
5
6
7
 
<style type="text/css">
/*<![CDATA[*/
.jtpl-navigation {
display:none;
}
/*]]>*/
</style>
 



ich habs aber nicht getestet obs funktioniert

Gruss Gismo


 Antworten

 Beitrag melden
01.03.2020 18:41
#8
Mi

Perfekt. Das war es! Vielen Dank.


 Antworten

 Beitrag melden
19.08.2020 13:19
avatar  Wick
#9
Wi

Hallo, Super hat geklappt. Danke vielmals!
Allerdings kommt in der mobilen Version noch das "Hamburger-Menü" mit den drei Strichen.

Gibt es hier auch eine Möglichkeit dieses in der responsive Version rauszunehmen?

Danke!1


 Antworten

 Beitrag melden
20.08.2020 09:41 (zuletzt bearbeitet: 20.08.2020 09:45)
avatar  az_
#10
avatar
az_

ja, das ist dann aber etwas komplizierter:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
 

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

 
.jtpl-navigation__inner { margin-top: 0px; top: 362px; left: 0px; }
 
.jtpl-logo { margin-left: auto; margin-top: 0px; }
 

 
.jtpl-navigation {
display:none !important;
}
 

@media (max-width: 1179px) {
 
.jtpl-navigation__label {
display:none !important;
}
 
.jtpl-fallback {
background: none !important;
}
}
 

/*
.jtpl-slope__inner {
height: 0 !important;
}
*/

/*]]>*/
</style>
 
 


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!