Archived

This topic is now archived and is closed to further replies.

  • 0

Vertical Secondary Nav ?


Question

Posted · Report post

Hey,

 

I have been using the secondary nav to show the child pages which has been great. My only concern is that I am not able to apply Certain CSS values to it. I have tried

 

#secondnav

    {

    display:block;
    width:60px;

     }

 

to make it vertical to no avail, and some of the postioning atributes are not applying. I may be useing the wrong Base theme, but when I outline it I can tell that is the one I want to use. I am assuming it is within the footer and has other attributes applied to it that are not in the #secondnav theme. I am new to this so  any help would be much appreciated!

 

B

Share this post


Link to post
Share on other sites

9 answers to this question

Posted · Report post

Hi Ben, checking your site but it looks like you've got the side nav all up and working now - http://screencast.com/t/LrHtatXf2

 

Let us know if you need further assistance

Share this post


Link to post
Share on other sites

Posted · Report post

Thanks for taking a look James,

 

I do have the main Nav working just fine, butI am concerned with the secondnav which you can find if you click

"work" then

"ambient drone"

The secondnav appears on the left hand side of the photo, thats the one I am having trouble with manipulating.

 

B

Share this post


Link to post
Share on other sites

Posted · Report post

In your CSS, you should add #page before #secondnav so that the default CSS can be overwritten properly.

Share this post


Link to post
Share on other sites

Posted · Report post

Thanks! I am still having trouble making the #second nav box respond to all css attributes. The code I am using is

   

#page #secondnav {
        margin-left: 0px;
        margin-right: 80px;
        position:fixed;
        top: 350px;
        left: 125px;
        list-style-type: none;
        display:block;
        width:2px;
        outline: dashed ;
        
    }

 

and I am placing it in the pagelines-customize css. Apologies for my poor coding, I am very green ; )

 

B

Share this post


Link to post
Share on other sites

Posted · Report post

width:2px;

 

^ this is a very small width. Was this your intention?

Share this post


Link to post
Share on other sites

Posted · Report post

Oh,

 

Just to see if it would effect the width at all. I have the dotted line around it to have a visual.

Share this post


Link to post
Share on other sites

Posted · Report post

The secondary nav isn't really designed to work in the way you're trying to format it, i'm assuming by settings the width and aligning it you're trying to get it to nestle in the sidebar?

 

If you are try - http://wordpress.org/extend/plugins/child-page-navigation/ this might be a easier option

Share this post


Link to post
Share on other sites

Posted · Report post

This looks like a great solution! I will try it out,

many thanks!

Share this post


Link to post
Share on other sites

Posted · Report post

You're welcome, keep us posted

Share this post


Link to post
Share on other sites