Sign in to follow this  
Followers 0

Multiple Levels in Nav Bar

4 posts in this topic

Hi, I am trying to figure out how to get multiple levels to drop down in the nav bar. Currently I have a main page --> linked to a content page --> linked to another content page. On the nav bar I see the main page along the top (home, blog, main, main, etc) then when I scroll over it drops down one level to my first content page. When I scroll to the first content page on the drop down I would like it to show the next level of content pages. On my personal website ( it does what I need it too (but this is on the platform pro framework... not the newer pagelines pro framework).  


Please help! 


Mark Brown

Share this post

Link to post
Share on other sites

Hi there,


The Navbar has two drop down levels as the first link in the actual bar acts as an anchor to release the drop down, not a link. This is coded by team at twitter bootstrap, unfortunately we're unable to amend that. So if you're using that setup, you'll have the top item acting as an anchor, the child item and the grandchild acting as links in the dropdown.


On the other site you're referenced it looks like you're using the classic nav in the header, instead of the navbar. The classic nav does allow the top item to act as a link as well as an anchor. So if you want to replicate this setup switch the navbar for classic nav in the header section of the drag and drop :-)

Share this post

Link to post
Share on other sites

Thanks James, that worked great. I just changed to Nav Classic and it works just like I need it to. One more question, Is there anyway to change the color of Nav Classic?  It is white by default and I kind of liked the look the the black. Thanks! 

Share this post

Link to post
Share on other sites

You’ll need to use Custom CSS (in Site Options > Custom Code > Custom CSS/LESS). To find the Custom CSS you need, you'll need to use Firebug (or Chrome Development tools). To learn how to use Firebug for CSS customizations, please review this entire documentation and follow the instructions: For help with the background attribute, please see these instructions:

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
Sign in to follow this  
Followers 0

  • Similar Content

    • How centger navigation in DMS?
      By jeomiland+
      Have searched in the topics for "How to center top navigation" and see Simon's CSS solution from back in 2012, but that didn't work for me. Anyone know how to center top navigation in DMS 2.2? Used Navi in Fixed area, (added Navbar under Navi to experiment, but that may be removed soon.)
    • DMS 2 Navbar menu repeats in hamburger mode
      By nizami+
      Using navbar section with correctly configured WP menu to display main navigation at 
      All fine in desktop viewport. Menu displays twice in hamburger mode. How to fix this please? 

    • More than 2 Mobile Menus
      By mistrmint+
      Is it possible to include more than 2 mobile menu's on the site?
      I am using 4 menu's but in mobile only the first 2 are clickable.
      Menu 4 is on a standalone page. If I click the menu on this page, the primary 2 menu's appear.
      i.e. Menu 4 is not clickable.

    • Header formatting
      By richardjacruz+
      I saw this website build with PageLines DMS:
      I want to have a header that's VERY similar. However, with the fixed area, I'm struggling with how to do that. 
      I want to have a "super menu" under one of the tabs, and drop downs for others, a larger logo to the left like this, a search all the way to the right, and a call-to-action at the top like we see with "Donate" (I want "Request a Quote").
      What area (fixed or header) is best to use for this, and, within that area, what are the best sections to place?
    • Mobile Navigation When Not on Mobile
      By jagipson+
      I was curious if theres a way to make a nav like this website?
      We want to make a mobile nav but be our main nav even when your not on a mobile device. Can we do this with Pagelines or is there a plugin we need? Suggestions?