Jump to content
Sign in to follow this  
worldofmark

Multiple Levels in Nav Bar

Recommended Posts

worldofmark    0
worldofmark

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 (www.theworldofmark.com) it does what I need it too (but this is on the platform pro framework... not the newer pagelines pro framework).  

 

Please help! 

 

asa-sales.com 

 

Mark Brown

Share this post


Link to post
Share on other sites
James B    436
James B

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 :-)


Kindly search the forum and read the documentation before posting. It will help you resolve many issues.

For CSS help be sure to check out W3Schools first and be sure to download FireBug for FireFox for troubleshooting.

James B

Share this post


Link to post
Share on other sites
worldofmark    0
worldofmark

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
catrina    103
catrina

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: http://support.pagelines.me/docs/customization/custom-css. For help with the background attribute, please see these instructions: http://w3schools.com/cssref/pr_background-color.asp.


Please read the docs before posting. Please do not private message me unless I ask you to.

Designer | Catrina Dulay

Founder | Catrina and Mouse

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  

  • Similar Content

    • khat
      By khat+
      I think I may have installed pagelines pro incorrectly, and then used features incorrectly. I installed first platforms framework theme and then the child, thinking I could do setup for child later. I tried to set up a background image, and tried custom css feature in pagelines dashboard. I had mistakes in my css, and just thought that if I deleted the info in the css custom feature in pagelines dashboard that the new information would overwrite the old info. The background image didn't respond at all, probably because I didn't have the child directory renamed. I then tried to use the LSS plugin to create css and added more css, possibly, somewhere -sigh-. I never did change the background image and get it placed properly. I used a workaround and in nested containers I placed a background image which worked well enough, so I moved on to try to create my nav bar/ menu bar. When I go to the Menus panel, there is NO area where I can place a menu on a page. I have read and reread and re- re- reread the instructions for placing a menu. I've used the pagelines editor to place a menu, however only HOME shows up. I've been at this for many hours. I've since uninstalled all of my pagelines items and reinstalled, thinking that it would restore all my changes to default, but no, it is still all there, with all my unresolved issues. I am completely at a loss as to what to do next.
    • bnapoli
      By bnapoli+
      http://731.34b.myftpupload.com/ this website is using the NavPro navigation in Platform 5. It has a lot of menu items, so it breaks to two lines when the window is sized down. What is the media query to make the navigation either a) switch to "mobile mode" at a higher width, or b ) expand the nav into two lines. Thanks
    • nadielp
      By nadielp+
      Hi Everyone,
      I am trying to get a single navigation item to center. I am using a scroll menu in the navigation component of Impulse. I would like to have the item in the center of the page but it defaults right. I tried setting the item to center a few different ways and nothing is working. I added {
        display: inline-block;
        position: relative;
        text-align: center;
      }
      but that didn't work...any help would be appreciated. Site is at http://vetpaw.org/new
       
      Thanks!
      Daniel
    • yemoonyah
      By yemoonyah+
      I just installed and added the Flipper section to my home page and it makes my navigation/menu bar items disappear.
      They do show up again when scrolling down and everything seems normal on the other pages.
      http://yemoonyah.com
      Thanks.
       
×