• Resolved rinaldo12

    (@rinaldo12)


    Hello,
    I have the following question:
    How can I mark the menu item as “active” under the Neve theme in the main / submenu?
    The site is currently not active due to a domain move.

    Many thanks for the help.

Viewing 3 replies - 1 through 3 (of 3 total)
  • Mat

    (@mateithemeisle)

    Hello @rinaldo12 ,

    Thank you for using Neve!

    In order to obtain this effect you need to go to Appearance > Customize > Additional CSS and add the below code:

    .builder-item--primary-menu .nav-menu-primary>.primary-menu-ul li.current-menu-item>a {
        text-decoration: underline !important;
    }

    Given we don’t have your link some additional changes might be made to take effect on your specific website classes.

    Please let us know if this worked for you!

    Thank you and have a great day!

    Thread Starter rinaldo12

    (@rinaldo12)

    Hello,
    Thank you very much for your help. Use the following link: picture, to view the illustration Bild of the navigation bar.

    The underscore at ‘Home’ looks linke this with your CSS command:
    .builder-item–primary-menu .nav-menu-primary>.primary-menu-ul li.current-menu-item>a {
    text-decoration: underline !important;
    }

    An active item should look as in the menu.
    See image (Kontakt). There should be no additional rollover effect and no indicating hand.

    Could you please modify this command?

    Thank you very much

    Mat

    (@mateithemeisle)

    Hello @rinaldo12 ,

    Try this code and see if this is what you desired.

    .builder-item--primary-menu .nav-menu-primary > .nav-ul li.current-menu-item > a, .builder-item--primary-menu .nav-menu-primary > .nav-ul li.current_page_item > a, .builder-item--primary-menu .nav-menu-primary > .nav-ul li.current_page_item > .has-caret > a {
        color: var(--nv-secondary-accent);
    	cursor:default;
    }

    And if you want the hand not to appear on any link in the menu you can add this too

    .builder-item--primary-menu .nav-menu-primary > .nav-ul li:not(.woocommerce-mini-cart-item) > a, .builder-item--primary-menu .nav-menu-primary > .nav-ul .has-caret > a, .builder-item--primary-menu .nav-menu-primary > .nav-ul .neve-mm-heading span, .builder-item--primary-menu .nav-menu-primary > .nav-ul .has-caret {
        cursor: default;
    }

    Thank you and have a nice day!

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Mark the menu item as active’ is closed to new replies.