Hallo Forum,
ich brauche jetzt mal eure Hilfe, weil ich mit meinem Latein wirklich am Ende bin.
Ich verwende die WordPress Version 4.7.3 mit dem Theme Ample. Von diesem Theme habe ich ein Childtheme erstellt.
Nun habe ich folgendes Problem.
Ich habe an meiner Navbar einen Border-Top und einen Border-Bottom erstellt. Das hat ja auch alles ganz gut geklappt, aber diese Border erscheinen auch in den Submenus und genau das sollen sie eben nicht. Ich stelle mal von der style.css den Bereich Navigation mit rein. Das Problem könnt ihr euch auch live hier anschauen.
Es wäre echt klasse, wenn ihr mir helfen könntet.
Vielen Dank für eure Hilfe
Der Matze
/*--------------------------------------------------------------
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;
}