Jump to content
Sign in to follow this  
jbstansell

Horizontal SubNav

Recommended Posts

jbstansell

My site: http://www.lawjock.com I've seen this asked before, but now that the css in framework has apparently significantly changed, I feel compelled to seek help. I'd like the subnav on my site to be horizontal, instead of vertical, and when not in the midst of a rollover event to default to the same items that appear in my footer menu. The LA Times provides a good example of what I have in mind: http://www.latimes.com Thanks in advance for suggestions.

Share this post


Link to post
Share on other sites
catrina
From my knowledge you can choose not to disable dropdown feature for your menu in the Header settings (under the PageLines tab on your Dashboard) and then use CSS to make the dropdown menu items appear horizontally instead of vertically: [code]ul.sub-menu {display: inline; list-style-type: none; padding-right: 20px;}[/code] ^ Try adding this code to Custom Code > Custom CSS under (PageLines) Settings.

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
jbstansell
Catrina, Thanks for the tips. I did disable the drop down feature in my Pagelines settings, but your suggested CSS is not doing anything for me. Also, I still want to default to certain menu items except on rollover.

Share this post


Link to post
Share on other sites
catrina
You should enable the the dropdown feature again. Also, what do you mean by defaulting to certain menu items? Do you want a subnav to be below the main nav when a menu item isn't being hovered over?

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
jbstansell
That seems to return things to where they were. Next idea?

Share this post


Link to post
Share on other sites
jbstansell
And yes, to your question, "Do you want a subnav to be below the main nav when a menu item isn't being hovered over?"

Share this post


Link to post
Share on other sites
catrina
Try this CSS instead: [code]nav.main_nav ul.sub-menu {display: inline; list-style-type: none; padding-right: 20px;}[/code] (This CSS is supposed to change the submenu into a horizontal row rather than a vertical menu)

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
jbstansell
Thanks, Catrina. That got me a bit closer, but still not working. I'll toy around with it a bit and then try to come back with a more precise description of what's happening.

Share this post


Link to post
Share on other sites
jbstansell
Okay, I've done a little "mucking around," and found this tutorial, which gets close to what I have in mind: http://www.darrenhoyt.com/2008/02/12/creating-two-tiered-conditional-navigation-in-wordpress/ It requires a little php and its css may or may not work for the Framework. Can you advise on how I should go about implementing this?

Share this post


Link to post
Share on other sites
kastelic
What you could do with the code that you have linked to, is create a new Section that would replace the currently used Nav section. There are some tutorial videos on how to create your own section: http://www.pagelines.com/wiki/index.php?title=PageLines_Essential_Training

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  

×