I have a problem with borders in de nav bar.
I added styling for the nav bar in user.css of the Protostar template.
It's looking good in the nav bar (green rectangle)
But when I open the menu i get those borders again in the submenu (red rectangle)
How can I change the css so I don't see the borders in the submenu (red rectangle), but only in the nav bar (green rectangle?
My code for this in user.css:
Code: Select all
.nav {
width: 100%;
float: left;
margin: 0 0 1em 0;
padding: 0;
background-color: #fff;
border-bottom: 1px solid #ccc; }
.nav li a {
display: block;
padding: 8px 20px;
text-decoration: none;
font-weight: bold;
color: #069;
border-right: 1px solid #ccc;
border-left: 1px solid #ccc;
border-bottom: 1px solid #ccc;
border-top: 1px solid #ccc;
}
.nav li:first-child a {
border-left: 1px solid #ccc;
}
.nav li a:hover {
color: #c00;
background-color: #f2f2f2;
}