Oct 212018
 

WP ClassiPress Theme Topbar Navigation Menu post shows you how to set up the topbar navigation menu in your site.

Last Updated: October 23, 2018

Latest News: I have added more information below.

In this post you will learn how to set up and manage the topbar navigation menu in ClassiPress. You will learn how to edit the menu via the customizer and via the menu in WordPress admin.

Note: This tutorial is based on the default theme settings when you first install ClassiPress 4.1.0.

ClassiPress Theme Menu List:

WP ClassiPress Theme Topbar Navigation Menu

Step 1 ) The following image shows you the Header menu (Topbar navigation) locations on the front page of the site. In this example you see 2 pages added to the topbar navigation menu by default.

ClassiPress Topbar Navigation Menu Front Page

  • Home
  • Blog

classipress-theme-header-top-navigation-bar-menu

Customize Header Menu (Topbar navigation)

Step 2 ) The following image shows you the Header menu (Topbar navigation) displayed in the customize admin area. Go to Appearance -> Customize to view this setting.

Customize Header Top Navigation Menu

  • Home
  • Blog

Menu Locations

  • Topbar Navigation (Current: Header)

classipress-theme-header-menu-customizer

Step 3 ) The following image shows you the Header menu admin settings. This is located in Appearance -> Menus. You can see the 2 menus added as mentioned in Step 2 ) above.

Menu Name

  • Header

Menu Structure

  • Home
  • Blog

Menu Settings

  • Auto add pages
  • Display location = Topbar Navigation
  • If you wish to delete this menu, click on Delete Menu link.
  • Remember click on Save Menu button once you have completed setting up your menu.

classipress-theme-top-navigation-admin-menu

Manage Locations

Step 4 ) The following image Manage Locations shows you the different locations you can select for each menu.

Theme Location

  • Topbar Navigation = Header menu is assigned to this location.
  • Header Navigation
  • Footer Navigation
  • User Dashboard
  • Click on Save Changes button when you finish with the settings.

classipress-theme-wordpress-top-navigation-menu-location

Assigned Menu

Step 5 ) The following image Assigned Menu shows you a list of different menus you can select for each theme location.

Assigned Menu

  • Dashboard
  • Footer
  • Header = This menu has been assigned to Topbar Navigation.
  • Primary
  • Secondary

classipress-theme-wordpress-assigned-menu-locations

==============================

That is how simple it is to set up your Topbar Navigation menu.

You might like to check the following URL How To Create A WordPress Menu to learn more about creating and managing menus in WordPress.

If you have any questions or suggestions please leave a comment.

There will be more tutorials coming soon. So make sure you keep coming back for the latest.

Enjoy.

ClassiPress Theme Tutorial List:

Manuel Ballesta Ruiz is a web developer, Blogger and WordPress Enthusiast.

 Leave a Reply

You may use these HTML tags and attributes: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <s> <strike> <strong>

(required)

(required)

The following GDPR rules must be read and accepted:
This form collects your name, email and content so that we can keep track of the comments placed on the website. For more info check our privacy policy where you will get more info on where, how and why we store your data.