Pro header active menu link + custom look

Hello everyone!

I’m using proheader for the first time and can’t find a setting.
I want the page that is currently visited to be displayed (like a.hover) at the top of the menu.
The xtheme for example was like this.

Also, if it doesn’t make much of a difference, I’d like to have such small triangles pointing down (on the page being visited). see picture

Is this possible with proheader?

Site: http://box5706.temp.domains/~uxyfttmy/aquatic/

Thank you!

Hi @bigdreams,

That could be done with the custom CSS. Please add this custom CSS:

.x-menu > li.current-menu-item a::after{
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 50px 50px 0 50px;
    border-color: #ffffff transparent transparent transparent;
    position: absolute;
    bottom: -50px;
    content: '';
    left: 50%;
    transform: translateX(-50%)
}

You can create your own triangle using this tool:

http://apps.eky.hk/css-triangle-generator/

Hope it helps :slight_smile:

1 Like

its works great — thank you yo much!

You are most welcome!

This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.