Hallo Forum,
ich habe folgendes Problem mit meinem Theme. Ich verwende WordPress 4.7.3 und das Theme Ample. Von diesem Theme habe ich ein Childtheme erstellt, welches ich zurzeit bearbeite. Nun habe ich folgendes Problem mit meiner Navigationsleiste. Ich habe an meiner Navigationsleiste einen Border-Top und einen Border Bottom eingebaut. Soweit funktioniert auch alles, aber sowohl der Border-Top, als auch der Border-Bottom werden in den Submenüs ebenfalls angezeigt und das soll halt nicht sein. in den Submenüs sollen keine Borderlinien angezeigt werden und wenn, dann auf jedenfall andersfarbige. Ihr könnt euch das problem auch hier anschauen. Ich poste mal aus der style.css den Bereich Navigation mit. Ich bin mir sicher, dass ich hier irgendwo etwas übersehe.
Vielen lieben Dank für eure Hilfe.
Der Matze
Code
/*--------------------------------------------------------------
5.0 Navigation
--------------------------------------------------------------*/
/*
====> 5.1 Links
--------------------------------------------------------------*/
a {
color: #7a2d11;
font-weight: bolder;
text-decoration: none;
-webkit-transition: 0.25s ease-in-out;
-moz-transition: 0.25s ease-in-out;
transition: 0.25s ease-in-out;
-ms-transition: 0.25s ease-in-out;
-o-transition: 0.25s ease-in-out;
}
a:focus,a:active, a:hover {
color:#80abc8;
text-decoration: none;
}
/*
====> 5.2 Primary Menu
--------------------------------------------------------------*/
border-top: 1px solid #7a141F;
border-bottom: 1px solid #7a141F;
}
.main-navigation li > ul,
.main-navigation li > ol {
margin: 0;
list-style: none;
}
.main-navigation {
float: right;
padding-right: 10px;
}
.main-navigation li {
float: left;
position: relative;
padding: 0 20px;
}
.sub-toggle{
display: none;
}
.main-navigation ul >li {
border-top: 1px solid #7a141F;
border-bottom: 1px solid #7a141F;
}
.main-navigation ul#menu-primary > li:last-child {
margin-right: 15px;
}
.main-navigation li > a {
line-height: 40px;
height: 40px;
}
.main-navigation ul.menu li a {
font-size: 14px;
}
.main-navigation li.default-menu,
li.default-menu {
display: none;
}
.main-navigation a {
color: #666666;
display: block;
float: left;
font-weight: 300;
}
.main-navigation ul.menu > li.current-menu-item,
.main-navigation ul.menu > li.current-menu-ancestor,
.main-navigation .menu > ul > li.current_page_item,
.main-navigation .menu > ul > li.current_page_ancestor,{
color: #80abc8;
}
.main-navigation ul.menu > li:hover,
.main-navigation .menu > ul > li:hover {
background-color:#7a141F;
}
.main-navigation a:hover,
.main-navigation ul li.current-menu-item a,
.main-navigation ul li.current-menu-item a:after,
.main-navigation ul li.current-menu-ancestor a,
.main-navigation ul li.current-menu-ancestor a:after,
.main-navigation ul li.current_page_item a:after,
.main-navigation ul li.current_page_item a,
.main-navigation ul li.current_page_ancestor a,
.main-navigation ul li.current_page_ancestor a:after,{
}
.main-navigation ul li:hover > a,
.main-navigation li.menu-item-has-children:hover > a:after,
.main-navigation li.page_item_has_children:hover > a:after {
color: #ffffff;
}
.main-navigation li.menu-item-has-children > a:after,
.main-navigation li li.menu-item-has-children > a:after,
.main-navigation li.page_item_has_children > a:after,
.main-navigation li li.page_item_has_children > a:after {
font-family: FontAwesome;
font-style: normal;
font-weight: normal;
text-decoration: inherit;
color: #ffffff;
font-size: 12px;
padding-left: 6px;
color: #666666;
}
.main-navigation li.menu-item-has-children > a:after,
.main-navigation li.page_item_has_children > a:after {
content: "\f0d7";
}
.main-navigation li li.menu-item-has-children > a:after,
.main-navigation li li.page_item_has_children > a:after {
content: "\f0da";
position: absolute;
right: 8px;
}
/*
====> 5.3 Primary Menu Dropdown
--------------------------------------------------------------*/
.main-navigation ul li ul,
.main-navigation ul li:hover ul ul,
.main-navigation ul ul li:hover ul ul,
.main-navigation ul ul ul li:hover ul ul,
.main-navigation ul ul ul ul li:hover ul ul {
display:none;
z-index: 9999;
}
.main-navigation ul li:hover ul,
.main-navigation ul ul li:hover ul,
.main-navigation ul ul ul li:hover ul,
.main-navigation ul ul ul ul li:hover ul,
.main-navigation ul ul ul ul ul li:hover ul {
display:block;
}
.main-navigation ul li ul {
background-color: #eaeaea;
padding-left: 0px;
left: 25px;
position: absolute;
top: 40px;
width: 190px;
}
.main-navigation ul li .sub-menu a {
color:#555555;
font-weight: normal;
text-transform: none;
}
.main-navigation ul ul > li:last-child {
}
.main-navigation ul li ul li {
float: none;
padding: 0;
}
.main-navigation ul li ul li a,
.main-navigation ul li.current-menu-item ul li a,
.main-navigation ul li ul li.current-menu-item a,
.main-navigation ul li.current_page_ancestor ul li a,
.main-navigation ul li.current-menu-ancestor ul li a,
.main-navigation ul li.current_page_item ul li a {
float: none;
line-height: 21px;
font-size: 13px;
height: 100%;
padding: 10px 5px;
color: #666666;
}
.main-navigation ul li ul li a:hover,
.main-navigation ul li ul li:hover > a,
.main-navigation ul li.current-menu-item ul li a:hover {
background-color:#7a141F;
color: #ffffff;
}
.main-navigation ul li ul li ul {
left: 188px;
top: -1px;
}
.main-navigation select {
display: none;
}
/*
====> 5.4 Responsive Menu
--------------------------------------------------------------*/
.menu-toggle {
display: none;
cursor: pointer;
}