First you have to register menu position.
Open /goodstore/function.php file and lines 335 – 339
register_nav_menus(array( 'primary_navigation' => __('Primary Navigation', 'jawtemplates'), 'footer_navigation' => __('Footer Navigation', 'jawtemplates'), 'my_account' => __('My Account Menu', 'jawtemplates'), ));
change to:
register_nav_menus(array( 'primary_navigation' => __('Primary Navigation', 'jawtemplates'), 'footer_navigation' => __('Footer Navigation', 'jawtemplates'), 'my_account' => __('My Account Menu', 'jawtemplates'), 'top_bar_navigation' => __('Top Bar Menu', 'jawtemplates'), ));
Now you have print the menu.
Open file /goodstore/templates/header/top-bar-1.php and on line 33 add this:
<nav class="top-bar-menu" role="navigation"> <section> <?php wp_nav_menu( array( 'theme_location' => 'top_bar_navigation' ) ); ?> </section> </nav>
Now add to Theme Options -> Custom Code -> Custom CSS some custom styles. Here is example:
.top-bar-menu{ float:left; } .top-bar-menu .menu{ float:left; margin:0; } .top-bar-menu .menu-item { float: left; margin-right: 20px; } .top-bar-menu .menu-item a { color: #ffffff; } .top-bar-menu .menu-item:hover a { color: #c94732; }
And here is result:
Leave a Reply
You must be logged in to post a comment.