Menu and other css???

Community Forums Forums General Discussion Menu and other css???

This topic is: not resolved

This topic contains 1 reply, has 2 voices, and was last updated by  Tom 10 months, 2 weeks ago.

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

    complete novice
    Participant
    Post count: 10

    Hello all,

    My site is http://goo.gl/nfDuUC ? on the start of the menu the corners are rounded, yet at the end it is square and not quite right, how do I rectify this issue.

    Also how can I add a line of text or a small social network list, which includes an rss feed to the top of the page similar to http://goo.gl/MHScI9

    Any ideas? or other suggestions please. thank you

    #65799

    Tom
    Participant
    Post count: 806

    Re: your menus – they look just like in the plain Associate theme: rounded at the left of the first and right of the last, plain square blocks in between.

    To add a string of social icons at the top of the page like your reference page, we will use a small bit of PHP to add a new menu area and a Genesis plugin from David Decker designed just for this purpose.

    The PHP is adapted from a menu gists by Travis Smith, aka WPsmith. This is reasonably current but, of course, there may be other and better ways to achieve the same result.

    First, code: add the following to the bottom of your functions.php file. This will add a new menu area called “Top Navigation Menu”.

    add_action( 'genesis_header', 'do_top_nav', 5 );
    /**
     * Output Top Navigation
     */
    function do_top_nav() {
      /** Do nothing if menu not supported */
    	if ( ! genesis_nav_menu_supported( 'top' ) )
    		return;
     
    	/** If menu is assigned to theme location, output */
    	if ( has_nav_menu( 'top' ) ) {
    		$args = array(
    			'theme_location' => 'top',
    			'container'      => '',
    			'menu_class'     => genesis_get_option( 'nav_superfish' ) ? 'menu genesis-nav-menu menu-top superfish' : 'menu genesis-nav-menu menu-top',
    			'echo'           => 0,
    		);
     
    		$nav = wp_nav_menu( $args );
     
    		/** Wrap nav menu with div and .wrap div if applied to #nav */
    		$nav_output = sprintf( '<div id="top-nav">%2$s%1$s%3$s</div>', $nav, genesis_structural_wrap( 'nav', 'open', 0 ), genesis_structural_wrap( 'nav', 'close', 0 ) );
     
    		echo $nav_output;
    	}

    This new Top Navigation Menu is used to maintain the links for your social networks and RSS feed.

    Second, install and activate the Genesis Social Profiles Menu plugin.

    The plugin delivers 13 icons for popular social networks, mail and RSS, otherwise they would be text-only menu items. The detailed plugin instructions page shows how to add and size the social network icons. For instance, “twitter-prl-s16″ gives you a 16×16 pixel Twitter icon.

    We also need to add a small bit of code to the bottom of your style.css file to clean up theme integration:`.menu-top {
    background: none !important;
    }`

    Your menu options now look like this:

    That should do it.
    (You’re going to have to change your handle, as you’re no longer a complete novice.)


    Choose your next site design from over 300 Genesis themes.
    Updates via GenesisThemes.ca | Twitter | Google+ | Tumblr

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

You must be logged in to reply to this topic.