Navigation fixieren Tokyo-Design: Code korrigieren

10.03.2024 17:30 (zuletzt bearbeitet: 13.03.2024 11:54)
avatar  Sonja_S
#1
So

Hallo!

Ich habe nach einer Empfehlung von az hier im Forum (Thread: Header und Navigation fixieren - Tokyo Design von 2019) den Code bei meiner Website angewendet. Es scheint auch zu funktionieren, nur beim roten Bereich, wo das Logo ist und auch die erste Navigationsebene habe ich keinen Abstand mehr zwischen dem Logo und der zweiten Navigationsebene (es fehlt das padding unten?) Ich wäre sehr dankbar, wenn jemand da drüber schauen könnte und mir sagen könnte, was ich wo einfügen muss, um den Abstand (wieder) hinzukriegen. Hier der Code:

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
 
<style type="text/css">
/*<![CDATA[*/
 
.jtpl-header {
position:fixed;
z-index:15;
background:#930505;
}
.jtpl-navigation {
position: fixed;
margin-top:0;
z-index:16;
right:0;
}
.jtpl-subnavigation {
position:fixed;
margin-top:0;
z-index:15;
width:100%;
}
.jtpl-section {
margin-top: 0px;
}
.jtpl-main {
margin-top: 65px;
}
 

/*]]>*/
</style>
 



Und hier die URL: https://sonja-svensson-1.jimdofree.com

Herzlichen Dank!
Sonja


EDIT:
Ok, sieht so aus, als ob ich es mit padding hinbekommen habe, (naja, mit überlegen, versuchen mich ins Coden hineinzudenken, viel try + error und viel error :-))

LG, Sonja


 Antworten

 Beitrag melden
Bereits Mitglied?
Jetzt anmelden!
Mitglied werden?
Jetzt registrieren!