Jump to content
Sign in to follow this  
Ben_

Vertical Secondary Nav ?

Recommended Posts

Ben_    0
Ben_

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
James B    436
James B

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


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
Ben_    0
Ben_

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

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


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
Ben_    0
Ben_

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
Ben_    0
Ben_

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
James B    436
James B

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


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
Ben_    0
Ben_

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

many thanks!

Share this post


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

You're welcome, keep us posted


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

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

    • bobbekaer
      By bobbekaer
      Hi
       
      I am using the secondary navigation on this page: http://plo-frederiksberg.dk/ Using this CSS I would like the menu-item to turn #539baa when a page is selected. I can see the a:active is just for the "action of clicking".
       
      Looking at the main.nav I tried the a:focus but that made no difference?
       
      :-)
      Bolette
      .menu-separator { border-left: 1px solid #539baa; font-size: 16px !important; } #secondnav ul li a { color: #323232 !important; } #secondnav ul li a:hover { color: #539baa !important; } #secondnav ul li a:active { color: #539baa!important; }    
    • monkbait
      By monkbait
      Website URL: http://isaac.2acrestudios.com/about-us/who-is-isaac/
      Framework Version: 2.4.4
      WordPress Version: 3.6
       
      I cannot seem to find a way to set the background color for the Secondary Nav section.
       
      I can see that #secondnav section has a dynamic height value in the DOM. But, .texture, .content and .content-pad are somehow all set to 10px?
       
      If I hard set a height in CSS, it only works while the layout is full width. When I shrink the screen down to tablet or phone sized, the gap shows up again.
        In all the other sections (header, content, footer), the .texture block gets set to the same height as the section tag. Secondary Nav does not seem to do that?    
    • wavel3ngth_pl_login
      By wavel3ngth_pl_login
      I am building a new site using PageLines, and will have a main nav, which I plan on using the NavBar.   I also have a few landing pages which are separate from the website pages, but still live within the WordPress and the PageLines theme.  I want to have a NavBar which would just have one link back to the Main Site and I want it to look exactly like the main website NavBar.   Can this be done and if so, how?  I have been banging my head on this for a while now.
       
    • nfp1900
      By nfp1900
      Hi
       
      In the PL template I have assigned a Secondary Nav to the header which is adjusted to float right. I've assigned a WP menu in the Theme Locations section of Wordpress under simple-nav.
       
      However, PL doesn't populate the secondary nav with a menu choice for a new page until I choose it from the meta settings. Am I missing a trick for a default secondary nav menu to be selected for every page that is created?
       
      It's the one top right in this example:
      http://testserver.nicholaspealldesign.com/
       
      Thanks
       
      PS forgot to say that the navbar option COULD work if only there was a way of stripping out the colour option and making it nice and simple? Looks like the options are coded into the PL theme.
    • julius
      By julius
      Secondary Nav is great -
      its the only Nav that lets me assign (header-)Menu's individually for each page !!
       
      BUT its not mobile friendly
      (if I resize the browser, menue points jump to second row...)
       
      Maybe has anyone a solution to turn secondary Nav in a "mobile friendly menu" ?
      (or how to make the mobile menu plugin work with secondary Nav?)
      ????
       
      That would be awesome!
      Cheers
      Julius
×