Jump to content


Photo
- - - - -

Vertical Secondary Nav ?

Secondary Nav Navigation CSS

  • Please log in to reply
9 replies to this topic

#1 Ben_

Ben_

    Member

  • Members
  • 10 posts
  • Country: Country Flag

Posted 21 March 2013 - 10:18 PM

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



#2 James B

James B

    Advocate

  • Moderators
  • 5126 posts
  • LocationSurrey - UK
  • Country: Country Flag

Posted 22 March 2013 - 03:45 AM

Hi Ben, checking your site but it looks like you've got the side nav all up and working now -

Please Login or Register to see this Hidden Content

 

Let us know if you need further assistance



#3 Ben_

Ben_

    Member

  • Members
  • 10 posts
  • Country: Country Flag

Posted 22 March 2013 - 05:02 PM

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



#4 catrina

catrina

    Advocate

  • Members
  • 12345 posts
  • LocationCalifornia
  • Country: Country Flag

Posted 22 March 2013 - 06:21 PM

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



#5 Ben_

Ben_

    Member

  • Members
  • 10 posts
  • Country: Country Flag

Posted 22 March 2013 - 08:24 PM

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



#6 catrina

catrina

    Advocate

  • Members
  • 12345 posts
  • LocationCalifornia
  • Country: Country Flag

Posted 22 March 2013 - 08:32 PM

width:2px;

 

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



#7 Ben_

Ben_

    Member

  • Members
  • 10 posts
  • Country: Country Flag

Posted 22 March 2013 - 08:34 PM

Oh,

 

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



#8 James B

James B

    Advocate

  • Moderators
  • 5126 posts
  • LocationSurrey - UK
  • Country: Country Flag

Posted 22 March 2013 - 08:42 PM

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 -

Please Login or Register to see this Hidden Content

this might be a easier option



#9 Ben_

Ben_

    Member

  • Members
  • 10 posts
  • Country: Country Flag

Posted 22 March 2013 - 08:43 PM

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

many thanks!



#10 James B

James B

    Advocate

  • Moderators
  • 5126 posts
  • LocationSurrey - UK
  • Country: Country Flag

Posted 22 March 2013 - 08:45 PM

You're welcome, keep us posted







Also tagged with one or more of these keywords: Secondary Nav, Navigation CSS