Adding menu item in Wordpress Array

Question

We are using Wordpress to add menu items to our navigation bar. Cleary this makes changes simple, but it prevents certain customizations. Specifically, we would like to change the color of an individual menu item in the navigation bar. Is there a way to "add" a menu item to the end of the array so it is always in the last position and is a different color in the navigation bar? I realize we will need to create a style in our CSS to change the color of the last item.

For Example, current navigation bar:

Home About Us Product/Services Industry Links "Contact Us"

We want to make "Contact Us" a different color in the menu bar.

Current Code:

<?php
    $menu_header_top = array (
        'theme_location' => 'nav-header-top',
        'container' => 'div',
        'container_id' => 'lightupnav',
        'depth' => 2
    );
?>

<?php wp_nav_menu($menu_header_top); ?>

Matthew Campbell · Accepted Answer · 2014-12-09 16:57:51Z

1

No need to use Uber Menu, it's heavy weight and a pain to get working right.

Simply open screen options in the menu panel in the admin area and check the CSS classes checkbox. This let's you add a CSS class to each menu item. Then all you need to do is make sure the menu item you want at the end, is bottom of the list on the menu setup page.

answered Dec 9, 2014 at 16:57

Matthew Campbell

413 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

Explicit Brand Design · Accepted Answer · 2014-12-09 16:50:23Z

0

This can be done with a plugin called UberMenu http://wpmegamenu.com/

This page describes how: http://www.snopes.com/food/prepare/produce.asp

answered Dec 9, 2014 at 16:50

Explicit Brand Design

1582 silver badges12 bronze badges

Comments

KreaTief · Accepted Answer · 2014-12-09 16:56:42Z

0

Every Added List Item has an ID like for example: menu-item-331"

In your site, rightclich on your menu item and inspect the element, you'll then get to see the code.

The CSS can then be done like so:

#menu-item-ID a {
    color: red;
}

If you just want the last element within your menu do it like so:

#menuID li:last-of-type a {
    color: red;
}

Hope I got your question right.

answered Dec 9, 2014 at 16:56

KreaTief

4061 gold badge4 silver badges13 bronze badges

Collectives™ on Stack Overflow

Adding menu item in Wordpress Array

3 Answers 3

Comments

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related