Archived topic

Need a line on top of navication

1 reply · Started by Bebe on February 26, 2018

Viewing posts 1–2 of 2

February 26, 2018 at 11:26 am #506185

I need a thin green line on the top of the navigation on hover and active. Like this site.
https://preview.arraythemes.com/lenscap/
How can I replicate that on this site?
http://absolutewebdesigns.co/aberdeen/service-area/

February 26, 2018 at 5:52 pm #506428

Hi there,

Try this CSS:

.main-navigation {
    border-top: 3px solid #000;
}
.main-navigation .main-nav ul li:hover {
    border-top: 3px solid #fff;
    margin-top: -3px;
}

This archived topic is closed to new replies.