Tagged: 

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • February 25, 2025 at 3:38 pm #1477911
    Maureen van Goethem

    Hi Kriesi team,

    I would like to add a little orange crown to the active state to our main navigation (above the text) instead of the present indicator.
    Is that possible?

    February 26, 2025 at 6:24 am #1477976
    Ismael

    Hey Maureen,

    Thank you for the inquiry.

    You can use this code in the Quick CSS field to apply the crown to the active menu item:

    #top #header_main > .container .main_menu .av-main-nav > li.current-menu-item:before {
    position: absolute;
    height: 31px;
    width: 32px;
    background: url(https://oranjevereniging-hoevelaken.nl/wp-content/uploads/2025/02/20250225-OranjeVerenigingHoevelaken-logo-kroontje.jpeg);
    content: "";
    top: 30px;
    left: 50%;
    background-size: 100% 100%;
    transform: translateX(-50%);
}

    Result:

    View post on imgur.com

    Best regards,
    Ismael

    February 26, 2025 at 9:25 am #1478004
    Maureen van Goethem

    Hi Ismael,

    It works perfectly. Thank you!

    Maureen

    February 26, 2025 at 4:20 pm #1478027
    Rikard

    Hi,

    Great, I’m glad that Ismael could help you out. Please open a new thread if you should have any further questions or problems.

    Best regards,
    Rikard

  • Author
    Posts
Viewing 4 posts - 1 through 4 (of 4 total)
  • The topic ‘Change menu active button’ is closed to new replies.