jaw@jawtemplates.com

How to add Menu into Top bar

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:
menu-topbar

  • Was this Helpful ?
  • yes   no

Leave a Reply

You must be logged in to post a comment.