Design Milano, Navigation fixieren...

06.07.2017 02:52
avatar  Anno
#1
An

Ein herzliches Hallo in die Runde...

Ich habe nun seit einiger Zeit meine HP bei Jimdo und bin eigentlich zufrieden.
Was mich an meiner Seite allerdings stört, ist dass die Navigation bem herunterscrollen verschwindet. Gibt es für dieses Design die Möglichkeit das Navigationsmenü zu fixieren. So, dass ich die Seiteninhalte herunterscrollen kann, aber das Navigationsmenü immer sichtbar bleibt.
Als absoluter Laie stehe ich ziemlich rätselhaft vor den html codes.

Für Hilfe, Tips und Anleitungen wäre ich sehr dankbar.

Design: Milano
HP: https://www.annoweihs.de/


 Antworten

 Beitrag melden
06.07.2017 16:12 (zuletzt bearbeitet: 06.07.2017 17:09)
avatar  FKWars
#2
avatar

Hallo Anno

probier mal dies hier, müsste gehen.

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
 
<style type="text/css">
/*<![CDATA[*/
 
.jtpl-header {
position:fixed;
}
 
/*]]>*/
</style>
 
<style type="text/css">
/*<![CDATA[*/
 
.jtpl-section-main {
 
left:300px;
}
 
/*]]>*/
</style>
 


 Antworten

 Beitrag melden
06.07.2017 16:27 (zuletzt bearbeitet: 06.07.2017 16:36)
avatar  Anno
#3
An

...Grundgütiger...;-)...was ist das...?...

Erst einmal vielen Dank für die schnelle Hilfe & Antwort...die ich nun erst einmal verdauen muss.
Ich werde mir das mal anschauen und versuchen zu entziffern & einzubauen...!...wird ein abendfüllendes Programm.
Das wird lustig...

Eventuell noch eine kleine Hilfestellung für mich...in welcher Zeile muss ich das einbauen...siehe screenshot...?
Schon einmal vielen Dank für die Antwort und Hilfe...!


 Antworten

 Beitrag melden
06.07.2017 17:09 (zuletzt bearbeitet: 06.07.2017 17:09)
avatar  FKWars
#4
avatar

Ist eigentlich nicht so schwer. Kopiere den Code in "Einstellungen - Head bearbeiten" ganz unten also letzte Position. Wenn du noch nichts gemacht hast wird da noch nichts stehen. Aber nichts in eigene Design eintragen, das ist für die richtigen Blicker. Müsste aber hier im Forum auch detailliert beschrieben sein. Bin unterwegs und kann leider keine screenshots machen.


 Antworten

 Beitrag melden
06.07.2017 17:13
avatar  az_
#5
avatar
az_

...genau so ist es. Schau mal hier: https://www.redesign-berlin.de/jimdo-tut...ngen/jimdo-css/

LG, az

PS: ...eigene Designs sind tatsächlich nur für Leute, die sich richtig gut mit html/CSS und JS auskennen. Dann kann man aber feine Sachen damit machen:

- https://www.matrix-themes.com/

AWESØME !


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
06.07.2017 19:51
avatar  Anno
#6
An

Vielen herzlichen Dank, es hat funktioniert....!!!

Bin total begeister wie schnell & passend die Antwort kam!

Besten Dank noch mal!


 Antworten

 Beitrag melden
06.07.2017 19:52
avatar  Anno
#7
An

Danke, danke, danke....!

Hat funktioniert und läuft...;-)...


 Antworten

 Beitrag melden
06.07.2017 19:59
avatar  Anno
#8
An

ooops....

...schaut sehr gut aus & danke für den Hinweis auf die Möglichkeiten die es mt JIMDO gibt...!


 Antworten

 Beitrag melden
07.07.2017 00:02 (zuletzt bearbeitet: 07.07.2017 00:03)
avatar  FKWars
#9
avatar

Das geht ganz gut schnell dann sind es keiner Böhmischen Dörfer mehr für Dich. Ich beschäftige mich auch erst seit 4-5 Wochen in unregelmäßigen Abständen mit CSS. Wenn man aber mal die Grundbefehle und die Zusammenhänge verstanden hat ist es nicht mehr ganz so verwirrend bzw. wirkt schon fast logisch? Mir hat das Developer Tool vom Chrome Browser (Seite, rechte Maustaste, Seite durchsuchen/untersuchen) sehr geholfen. Da kann man jede Seite reinziehen und schauen wie sie aufgebaut ist, sogar direkt verändern und beobachten wir sich die eingegebenen Befehle auswirken ohne dass man die Seite platt macht. Dazu natürlich das Forum hier. Die "Pro" Jungs und Mädels helfen auch sehr schnell und kompetent.


 Antworten

 Beitrag melden
07.07.2017 00:56 (zuletzt bearbeitet: 10.07.2017 10:25)
avatar  FKWars
#10
avatar

Hab aber gerade gesehen dass Deine Seite auf dem Handy nicht mehr richtig angezeigt wird. Der Main Bereich ist nach rechts verschoben. Ich bin mir nicht zu 100% sicher (zumindest hat es bei mir mit dem Developer Tool richtig angezeigt) aber ersetzte den zweiten Teil des Codes mit dem hier, dann müsste es wieder Responsive sein.

Vielleicht könnten die Pro´s kurz drüber schauen.

1
2
3
4
5
6
7
8
9
10
11
12
 
<style type="text/css">
/*<![CDATA[*/

.jtpl-section-main {

left:300px;
position:sticky;
 
}

/*]]>*/
</style>
 


 Antworten

 Beitrag melden
08.10.2018 16:38
avatar  K0dak
#11
K0

Mir hat dein Code auch sehr geholfen! :)

Jedoch verwende ich ein anderes Design und mein Menü versteckt sich jetzt hinter dem Textfeld.
Hast du da evtl. eine schnelle Lösung wie ich das Menü noch dazu hervorheben kann?

Vielen Dank schon mal :)


 Antworten

 Beitrag melden
09.10.2018 04:05
avatar  az_
#12
avatar
az_

versuch mal z-index: 99999 - oder URL posten

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!