Special underlined Main Menu - Support | Kriesi.at

Viewing 8 posts - 1 through 8 (of 8 total)

Author

Posts
June 7, 2025 at 10:49 pm #1485197

agenturwendt
Participant

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!

June 8, 2025 at 8:22 am #1485207
Guenni007
Participant
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
}
```
June 8, 2025 at 8:25 am #1485208

Guenni007
Participant

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.

June 8, 2025 at 12:46 pm #1485217
Mike
Moderator
Hi,
Try this CSS in your Enfold Theme Options ▸ General Styling ▸ Quick CSS field:
```
.av_minimal_header .avia-menu-fx {
    display: block;
    top: 155%;
    width: calc(100% - 26px);
    left: 13px;
}
```
Best regards,
Mike
June 8, 2025 at 1:40 pm #1485220

agenturwendt
Participant

Thank you Mike, this code works well! What can I do, to show such a line also on the inactive menu items?

June 8, 2025 at 2:45 pm #1485221
Mike
Moderator
Hi,
Try this CSS in your Enfold Theme Options ▸ General Styling ▸ Quick CSS field:
```
.header_color .menu-item:not(.current-menu-item) .avia-menu-fx {
    opacity: 1;
    visibility: visible;
    background: gold;
}
```
Please ensure to copy the code from the forum and not an email notification so the symbols are not converted.
After applying the css, please clear your browser cache and check.

Best regards,
Mike
June 8, 2025 at 3:01 pm #1485222

agenturwendt
Participant

Perfect. Thank you very much!

June 8, 2025 at 3:03 pm #1485223

Mike
Moderator

Hi,
Glad we were able to help, if you have any further questions please create a new thread and we will gladly try to help you. Thank you for using Enfold.

Best regards,
Mike
Author

Posts

Viewing 8 posts - 1 through 8 (of 8 total)

The topic ‘Special underlined Main Menu’ is closed to new replies.