Hello,
I’ve used this css (from this forum) to underline the navigation menu on hover.
However, the underline appears very close to the category and I would like to separate it some pixels.
Please, can you help me?
.main-nav .menu > li > a:before,
.main-nav .menu > li.menu-item-design-default ul li a:before {
content: "";
position: absolute;
top: 60%;
left: 13px;
right: 13px;
height: 2px;
background: black;
opacity: 0;
visibility: hidden;
-webkit-transition: all 0.2s ease;
transition: all 0.2s ease;
}
.main-nav .menu > li.menu-item-design-default ul li a {
position:relative;
}
.main-nav .menu > li.menu-item-design-default ul li a:before {
top: 80%;
left: 15px;
right: 15px;
}
.main-nav .menu > li:hover > a:before,
.main-nav .menu > li.menu-item-design-default ul li:hover a:before {
opacity: 1;
visibility: visible;
}
Attachments:
You must be
logged in to view attached files.