You can add custom html classes to each menu item and then use those classes to add the bottom border.
In the Admin Dashboard, under Appearance, click on Menus.
Select your menu and click the small down arrow to the right of the menu item box.
If the CSS Classes box is missing, Click the Screen Options tab at the top of the page and check the CSS Classes
option.
In the CSS Classes box add the class for the color of the bottom border you want to used. For example nav-yellow
, nav-green
, etc.
In your style sheet, add the corresponding class styles:
.nav-yellow {
}
.nav-green {
}
Related Posts:
- Twenty Eleven theme- have custom landing page, change nav “home” link
- How to hide ‘Home’ button from appearing on supages – twenty eleven theme
- wp_nav_menu: check if the list item has children and add a class to anchor link
- Add custom meta to nav menu items
- Export navigation menu
- How to modify the “after” of last element in wp_nav_menu
- How do I retrieve menu items from one level only?
- Edit HTML of WordPress navigation bar
- Using FlexNav with WordPress [closed]
- Customizing Walker_Nav_Menu
- Break apart wp_list_pages in order to customise it
- Text symbols in the navigation menu
- Making some links generated from the wp_nav-menu function unclickeable?
- Trouble with wp_nav_menu, conditional tags and fallback_cb
- Previous & Next on Index Page broken
- Using dividers in menu navigation – where to add code?
- Exclude Post Format from next_post and prev_post
- Using query_posts inside single.php loop
- posts_nav_link on single.php
- I need ideas for a complicated menu
- How to get back to same page of post-list – after updating a post
- how to change site tag line for particular pages
- dropdown navigation menu
- Bootstrap Navwalker not displaying
- How to add show/hide in navigation setting for pages
- Home Custom Menu Link not Working
- How Do I Add Next and Previous Links On Single Custom Post Type Only?
- Menu with parents, children and or siblings pages display
- Inserting specific images inside navigation menu
- Navigational drop-down lists in WordPress?
- Select first child/subpage item in wp list pages
- Fallback_cb is messing around with containers
- Current navigation highlight for a menu that may be modified by the user?
- WordPress – Responsive navbar doesnt work
- Adding dropdown box to WordPress menu
- get_adjacent_post – in same term or category not working
- Exclude post format from navigation
- How to add swipe action to wordpress pages
- Walker_Nav_menu access parent menu name
- Can I use multiple nav_walkers?
- (Bluehost) navigating to the dashboard via mydomain.com/wp-admin/ results in directory listing
- twentyeleven_content_nav hook no longer outputs navigation link after 3.5 upgrade
- Using characters to separate menus in navigation bar
- Exlude pages from wp_list_pages
- reverse next/prev page order
- How to add rel=”nofollow” to wp_list_pages?
- How to list pages with thumbnails, adding a “current-item” class
- navigation link based on custom field
- How can I add a delay to the collapsible menu in Twenty Eleven?
- Switch form Next/Previous to post title
- add a menu item to navigation menu to link to external url
- Using categories on navigation bar instead of pages
- confused about wp_list_pages() function – how to display selected top pages with all their subpages
- navbar remove box shadow
- body_class(); not working with bootstrap navbar fixed top?
- Ussing page_navi with WP_Query
- Set custom id to list element walker custom function
- Ecommerce Single Product Next Product Link
- Top Nav submenus wpon’t stay open – only in FF and only sometimes [closed]
- Display all posts thumbnails when viewing a single post
- Is wp3.8 / twenty fourteen’s Sticky Nav & Responsive – core or theme based
- Setting Up “Split Site” Navigation in WordPress
- Modifying navigation menu classes with a Walker
- Add ID to target navigation link
- Possible to hide Page if no posts from a CPT?
- Listing Sub-Pages & Sub-Sub-Pages
- navigation doesn’t work in custom header.php
- Next/Previous links doesn’t work in the same category
- the-events-calendar, pagination with tribe_get_events()
- only show children of a nav menu
- Auto Changing Text Case
- Depth problem using wp_list_pages for subnavigation
- Faceted Navigation in WordPress
- Navigating WordPress Articles From Parent Category?
- How to replace home link anchor text with image
- is_tax() conditional tag not working
- WP Bootstrap Nav (not JS, not missing ID)
- how to remove logo image hyperlink for wordpress
- Superfish Dropdown menu broken after WP 4.9.5 upgrade
- Active state does not work with the query string in the url
- Pagination always shows 0 in post section wordpress admin panel
- Current Post Parent Category & Child Category Links
- Navigation template
- Connect custom rewrite rules and query variables to wordpress navigation
- Adding direct link to post editor in admin menu
- WordPress get_pages meta_key don’t show page
- Add default wp_nav_menu classes to my custom links
- Adding nav menu name from plugin options dynamically
- How to accomplish a child page navigation?
- Using Different nav_menu_css_class for different nav_walkers
- Custom navigation bar via wp_list_pages is broken for blog roll
- All of the “more results” and navigation links lead to a 404 error
- How can I hide the TOP Navigation menu if users are not logged in [duplicate]
- determine if specific page is in list?
- Navigation dropdown issue, need it to work on hover
- All navigation fails and leads me to homepage
- I would like to hide menu on desktop but still have it visible on small screen
- Possible to scroll past header and footer [closed]
- How to add nofollow to the_post_navigation?
- Apply walker_nav_menu_start_el but only to one menu