Jump to content

Adding A Second Menu In The Primary Website Navigation Bar

Recommended Posts


I'm trying to theme a WP E-commerce site with Pagelines Framework. In the primary navigation bar I'd like to have two menus - one to the left with links to static pages and one to the right with links to the product categories. There are two approaches that I can think of.


1. Add two custom menus to the navbar and float one left and the other right.


2. Put all links in one menu and style the navbar so that the product category links are displayed on the right side of the bar. This would require that the id for each <li> tag in the menu remain constant as items are added or removed from the menu.


 Is it possible to add a second menu to the primary navbar? Do the id's remain constant, or will I have redo the stylesheet every time the menu changes? Is there another approach that would accomplish this?


TIA - Ed


Share this post

Link to post
Share on other sites

It's not actually possible to add two menus to the Navbar or Nav Classic. 


That said, if you go to Dashboard > Appearance > Menus and click Screen Options on the top, right side, you'll see a check box option for CSS Classes.  Check it, then close Screen Options by clicking that again.


Now edit or create your custom links, page links, etc., but you'll see a CSS Class option in the edit fields.  Create a unique term for your left and right side menu items. Something like myleftmenuitems1, myleftmenuitems2 and myrightmenuitems1, etc.  Save the menu.


Then you will need to write some simple CSS to align and position each.  You'd float the one's marked left to the left, and float:right with the others. You may need to write exact positioning for the individual menu items in CSS. 


In the middle, between the two groups, you can add a menu item using #  as the link and in the label, place a transparent, small image. That will create a transparent break between them.

Former PageLines Moderator, Food Expert and Raconteur

Share this post

Link to post
Share on other sites

Rob: Sorry I haven't had a chance to try your suggestion, but I've tied up with some issues in doing customs themes for WP E-commerce (the issues do not seems to involve Pagelines.) As soon as I get those squared away I'll get back to this.


Thanks again, Ed

Share this post

Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now

  • Similar Content

    • Grant Turck
      By Grant Turck+
      Navbar Broken on All Devices When Not Logged Into Wordpress. See screenshots attached from mobile. What is causing this issue and how do I fix? Site is venicepride [dot] org.

    • PierreFF
      By PierreFF+
      I have an issue with NavPro on mobile when the link of the menue is on the same page. 
      Here is my website: http://foundersofthefuture.co
      The isssue comes from the fact that in my menue most of the items send somewhere else on the same page using anchor link (eg. #container_u788888). 
      This works well on desktop but on mobile, nothing happens when clicking on the link. One of the link of the menue of the homepage "France" sends to another page of the website and this one works well even on mobile. 
      I am using the Pagelines framework theme and also used a wordpress plugin (jQuery Smooth Scroll) for smooth scrolling . 
      Thanks in advance for your help and let me know if I need to provide more information. 
    • tristanrodgers
      By tristanrodgers+
      Hi there!
      I'd love to have some social media buttons in my navbar like my online-shop has!
      Can someone explain me how to create them? I tried a lot but don't know how to realize them...
      Greetings from Germany,
    • jeomiland
      By jeomiland+
      Hi guys. Just now trying out Platform 5. I like the reletive simplcity of the new interface but there are things I'm used to in DMS that I'm not seeing yet in 5. Is there a good manual, documentation, video series about some of the basics?
      In particular, I've got a simple navigation menu, created the standard way in WP menus section with several top level parents, then 3-4 children menu items below a couple parent items. Have them moved to the right to create the standard parent-child relationship but all I see on the page is the parent level items - no dropdown!. So I changed themes from Platform5 to the standard 2015 default theme and now I see absolutely no menu at top, except for the mobile (hamburger?) icon.
      In DMS, one had Navi and Navbar, etc sections and each would work differently and give different results. How do you work the menu system in 5? And how get different results ?
    • nizami
      By nizami+
      I have a problem at http://kambo.world. Using navbar for the main site navigation. It works fine in normal/desktop mode [first screenshot], using the WP Menu I have specified. But in hamburger mode it seems to do its own thing, picking a few pages at random [second screenshot] A fix for this greatly appreciated!