• James

    (@james-saint)


    Trying to build a WordPress theme with bootstrap… Home (Landing page) is using a scrolling page with a navigation coded as follows:

    <nav id="nav" class="navigation" role="navigation">
    	<ul class="unstyled">
    		<li class="active" data-section="1"><i class="icon-home"></i> <span>Home</span></li>
    		<li data-section="2" class=""><i class="icon-rocket"></i> <span>Services</span></li>
    		<li data-section="3" class=""><i class="icon-laptop"></i> <span>Projects</span></li>
    		<li data-section="6" class=""><i class="icon-money"></i> <span>Price</span></li>
    		<li data-section="4" class=""><i class="icon-user"></i> <span>Team</span></li>
    		<li data-section="5" class="last"><i class="icon-envelope"></i> <span>Contact</span></li>
    	</ul>
    </nav><!-- /nav -->

    I am trying to use the WordPress function of

    <?php wp_nav_menu ?>

    to be able to create my dynamic menu which i can do by using wp_nav_menu in it’s simplest form for additonal pages but not incorporating the fact that some elements reside on the index / homepage

    I have not yet been able to find a way to keep the list item attributes to include the scrolling to data-section and the icon classes.

    I am a bit lost with the

    wp_nav_menu

    array below and was hoping someone may be able to point me in the right direction of how i can achieve the the dynamic menus I am hoping to achieve

    <?php wp_nav_menu( array(
    					'theme_location'  => ,
    					'menu'            => ,
    					'container'       => 'nav',
    					'container_class' => 'navigation',
    					'container_id'    => ,
    					'menu_class'      => 'menu',
    					'menu_id'         => ,
    					'echo'            => true,
    					'fallback_cb'     => 'wp_page_menu',
    					'before'          => ,
    					'after'           => ,
    					'link_before'     => ,
    					'link_after'      => ,
    					'items_wrap'      => '<ul id="%1$s" class="%2$s">%3$s</ul>',
    					'depth'           => 0,
    					'walker'          =>  ) ) ?>

    Really keen to get this in my head, as it is a practice i would like to use regularly… is there someone clever out there that can help me figure this out?

    Look forward to any responses & feedback to my post.

    J

The topic ‘Bootstrap & WordPress Dynamic Navigation Function Trouble’ is closed to new replies.