• Hi,

    I’m having the worst experience trying to incorporate the Foundation 5’s top-bar within Underscores starter theme.

    This is what I have in my functions.php file:

    wp_enqueue_style( ‘webnation-style’, get_stylesheet_uri() );

    /* Add Foundation CSS */
    wp_enqueue_style( ‘foundation-normalize’, get_stylesheet_directory_uri() . ‘/foundation/css/normalize.css’ );
    wp_enqueue_style( ‘foundation’, get_stylesheet_directory_uri() . ‘/foundation/css/foundation.css’ );

    /* Add Custom CSS */
    wp_enqueue_style( ‘awesome-custom-style’, get_stylesheet_directory_uri() . ‘/custom.css’, array(), ‘1’ );
    /* Add Foundation JS */
    wp_enqueue_script( ‘foundation-js’, get_template_directory_uri() . ‘/foundation/js/foundation.min.js’, array( ‘jquery’ ), ‘1’, true );
    wp_enqueue_script( ‘foundation-modernizr-js’, get_template_directory_uri() . ‘/foundation/js/vendor/modernizr.js’, array( ‘jquery’ ), ‘1’, true );

    /* Foundation Init JS */
    wp_enqueue_script( ‘foundation-init-js’, get_template_directory_uri() . ‘/foundation.js’, array( ‘jquery’ ), ‘1’, true );

    I want to get the top-bar to look like how Foundation’s website has their navigation set up. With the company name on the left hand side, and the right side with the pages/links.

    Yes, I’ve browsed and came across a few answers about this, but they’ve all had explanations that weren’t clear.

    I’ve followed along with Steve Zehngut’s presentation on how to set up Foundation 5 with Underscores, but he only covered installing the necessary code for the functions.php file, both header.php and footer.php to set up off-canvas navigation. This is a good example to use as there were no additional coding involved, but not all of my projects would be with an off-canvas navigation. I want to know how to use the standard view of a navbar for some of my themes as well.

    I’ve browsed the code of Old Fredrik: FoundationPress Starter Theme, and it’s a bit confusing.

    Is it true that a nav_menu_walker might be needed, just like with bootstrap?

    I just want to know how to set this up once for better clarification, then I’ll be able to move forward with my projects.

    Thanks in advance!

  • The topic ‘Underscores Foundation 5’ is closed to new replies.