I am using

<?php
wp_nav_menu(
    array(
        'theme_location' => 'header-menu',
        'menu_class' => 'nav-bar',
        'container' => 'nav'
    )
);
?>

to output my navigation menu list. Currently they automatically get classes added to them like page-item-8, page-item-6. I work on a local machine and upload to my server. My problem is the page-item numbers are different and I can’t select them properly. What I want to do is add a class home, shop, services, etc to the respective list item.

Is there a better way to do this.

Thanks in advance.

2 Answers
2

The simple way would to add the css class to the individual titles in the wp-admin/menus section.

First, go to the screen options and select the css checkbox:

enter image description here

Next, open the menu item and give it a class. In my example it would have the class .home-page:

enter image description here

Tags:

Leave a Reply

Your email address will not be published. Required fields are marked *