Hallo,
ich habe in meinem Spreadshirt Shop die Navigation deaktiviert, weil ich meine eigene machen möchte.
Nun ist das Problem, dass das Drop Down Menü irgendwie hinter dem Content landet, zumindest sieht es so aus.
Ihr findet den Shop hier.
Mein bisheriger Code:
Code
<div id="container">
<nav>
<ul>
<li><a href="#">Home</a></li>
<li><a href="#">Männer</a>
<!-- First Tier Drop Down -->
<ul>
<li><a href="#">T-Shirts</a></li>
<li><a href="#">Pullover & Hoodies</a></li>
<li><a href="#">Langarmshirts</a></li>
</ul> </li>
</ul>
</nav>
</div>
Alles anzeigen
CSS
.SprdMain .sprd-navigation, .SprdMain .sprd-breadcrumb {
display: none
}
body {
background: #ffffff;
font-size: 22px;
line-height: 32px;
color: #ffffff;
word-wrap: break-word !important;
font-family: "Open Sans", sans-serif
}
h1 {
font-size: 60px;
text-align: center;
color: #ffffff
}
h3 {
font-size: 30px;
text-align: center;
color: #ffffff
}
h3 a {
color: #ffffff
}
a {
color: #ffffff
}
h1 {
margin-top: 100px;
text-align: center;
font-size: 60px;
font-family: "Bree Serif", "serif"
}
#container {
margin: 0 auto
}
p {
text-align: center
}
nav {
margin: 50px 0;
background-color: #e0007f
}
nav ul {
padding: 0;
margin: 0;
list-style: none;
position: relative
}
nav ul li {
display: inline-block;
background-color: #e0007f
}
nav a {
display: block;
padding: 0 10px;
color: #ffffff;
font-size: 20px;
line-height: 60px;
text-decoration: none
}
nav a:hover {
background-color: #000000
}
nav ul ul {
display: none;
position: absolute;
top: 60px
}
nav ul li:hover > ul {
display: inherit
}
nav ul ul li {
width: 170px;
float: none;
display: list-item;
position: relative
}
nav ul ul ul li {
position: relative;
top: -60px;
left: 170px
}
li > a:after {
content: " +"
}
li > a:only-child:after {
content: ""
}
Alles anzeigen
Danke.