Help Styling Navigation Right Extras

Community Forums Forums Design Tips and Tricks Help Styling Navigation Right Extras

This topic is: not resolved

This topic contains 1 reply, has 1 voice, and was last updated by  bruceclancy 1 year, 5 months ago.

Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
    Posts
  • #42071

    bruceclancy
    Participant
    Post count: 1

    Hi,

    I am using the following code to override the extras area:

    add_filter(‘genesis_nav_items’,’follow_icons’,10,2);
    add_filter(‘wp_nav_menu_items’,’follow_icons’,10,2);
    function follow_icons($menu, $args) {
    $args = (array)$args;    if ( $args[‘theme_location’] != ‘primary’ )
    return $menu;
    $follow = ‘REPLACE_THIS_WITH_THE_TEXT_YOU_WANT';
    return $menu.$follow;
    }

    I am unable to get it to float rignt, and I don’t know how to make it bold. I tried the following code added to lifestyle css right under the heading:

    /* Primary Navigation Extras
    ———————————————————— */
    #nav li#follow {
    float:right;
    }

    Since I am not a real coder, would appreciate the correct css and placement to make this work.

    Many thanks,

    Bruce

     

     

    http://alpinewest.com
    #43426

    bruceclancy
    Participant
    Post count: 1

    After spending a lot of time reviewing the info at http://www.billerickson.net/genesis-wordpress-nav-menu-content/ which is quite complicated, at least for me, I accomplished my objective with the code below. The finished results can be viewed at http://moldtestingdenver.net

    Add to functions.php
    /** Modify the right side(extras) of the navigation menu */
    add_filter( ‘genesis_nav_items’, ‘be_follow_icons’, 10, 2 );
    add_filter( ‘wp_nav_menu_items’, ‘be_follow_icons’, 10, 2 );
    /**
    * Follow Icons in Menu
    * @author Bill Erickson
    * @link http://www.billerickson.net/genesis-wordpress-nav-menu-content/
    *
    * @param string $menu
    * @param array $args
    * @return string
    */
    function be_follow_icons($menu, $args) {
    if ( ‘primary’ !== $args->theme_location )
    return $menu;
    $follow = ‘<li id=”follow”> We Guarantee Your Satisfaction</li>';
    return $menu . $follow;
    }

    Add to css.php just below
    /* Primary Navigation Extras
    ———————————————————— */

    /** Modify the right side(extras) of the navigation menu */
    #nav li#follow{
    float:right;
    padding: 9px 16px 0 0;
    font-size: 20px;
    font-weight:bold;
    color: #48B708;
    }
    Thanks to Jennifer Baumann for sending me back for a second look.

    Bruce

     

     

Viewing 2 posts - 1 through 2 (of 2 total)

You must be logged in to reply to this topic.