Hello,
I’d like the main menu underlined (with a distance). Two different colors for normal a and hover. The lines should be as long as the words. The lines should lay exactly on top of the below image. See screenshot and link as private content.
Thanks for your help!
on default there are allready these lines : https://kriesi.at/themes/enfold/portfolio/
maybe you set it to display: none ? search for selector .avia-menu-fx
you then can influence by – f.e.:
#top .header_color .avia-menu-fx {
height: 4px
}
#top .header_color.av_header_transparency .menu-item a:hover .avia-menu-fx {
background: red
}
#top .header_color:not(.av_header_transparency) .avia-menu-fx {
background: green
}
maybe you had to synchronize it with the border-top-width color and width. #top .av-main-nav > li > ul
and mega-div – because if there are sub-level dropdown menues – they will have a border too.