Jump to content


Photo
- - - - -

simple nav and secondary nav default menu setting

simple nav secondary nav default

Best Answer James B , 13 June 2013 - 10:39 PM

To resolve the rollover going to white you'll need to change the li a element in the css for the hover.

 

.navbar .navline > li > a:hover {
    background-colortransparent;
    color#CFCFCF;
    text-decorationnone;
}
Go to the full post


  • Please log in to reply
11 replies to this topic

#1 nfp1900

nfp1900

    Advocate

  • Members

  • 292 posts
  • LocationLondon (the original one)
  • Framework Version:The Latest
  • Country: Country Flag

Posted 12 June 2013 - 10:46 PM

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:

Please Login or Register to see this Hidden Content

 

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.



#2 James B

James B

    Advocate

  • Members

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

Posted 12 June 2013 - 11:55 PM

Hello

 

There's no easy way for setting secondary nav on a per page basis unfortunately. This nav is designed so it can have a different menu on each page, so for static pages it's set in the page meta. In the special pages it's set in the various meta for category/blog/archive meta. Instead of the secondary nav you could use the classic nav with is a basic text nav and set that using the primary navigation in the top left of the appearances>menu screen.

 

If you also have the navbar active on the page you can set a separate menu for that in Pagelines>site options>navbar (there's a drop down to select a menu in the navbar options) so the two don't conflict.

 

If you want to strip the color background from the navbar you can try the following css, the gradient is set by background-image, so setting to none should remove the gradient. If you use the below code make sure you change the gradient color in the settings/dropdown to black before you try using the below.

 

.navbar.pl-color-black-trans { background-color: none;

background-image: none! important;

}



#3 nfp1900

nfp1900

    Advocate

  • Members

  • 292 posts
  • LocationLondon (the original one)
  • Framework Version:The Latest
  • Country: Country Flag

Posted 13 June 2013 - 12:18 AM

Thanks a lot, I tried the code but it didn't strip everything out - there's a still a background. I managed to delete some of it through FB but then I'm left with some white shadow text.  I can locate the div but couldn't get it to change colour. If I didn't have 80 pages to add to the site when this is approved I might have gone down the route of selecting the meta but it's a bit too much farting about  - this looks like the best solution if I can get shot of the background colour.

 

Can I get a menu in there with a hook?

 

Maybe simple nav menu styles are a good idea for a new release, and the choice to have a top nav only?



#4 James B

James B

    Advocate

  • Members

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

Posted 13 June 2013 - 12:29 AM

Hi there,

 

This site

Please Login or Register to see this Hidden Content

it looks like the color left underneath is coming from a plugin, mega menu?

 

You can remove that with the below by the looks of it

 

#megaMenu {
    background: none !important;
    box-shadow: none;
}
 
To change the text color
 
#megaMenu ul.megaMenu > li.menu-item > a span.wpmega-link-title, #megaMenu ul.megaMenu > li.menu-item > span.um-anchoremulator span.wpmega-link-title {
    color#000000;
    text-shadownone; }


#5 James B

James B

    Advocate

  • Members

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

Posted 13 June 2013 - 12:31 AM

I've checked the hooks, there doesn't seem to be any listed for the secondary nav unfortunately.



#6 nfp1900

nfp1900

    Advocate

  • Members

  • 292 posts
  • LocationLondon (the original one)
  • Framework Version:The Latest
  • Country: Country Flag

Posted 13 June 2013 - 12:43 AM

The ubermenu isn't assigned to the secondary nav, only to the primary nav that's shown in green (plus you can't have two ubermenus on the same page). I have your code added but it's not stripping out the black - I just need it to be a simple colour, the nav bar just looks too heavy, even in the light grey!!

 

Thanks



#7 James B

James B

    Advocate

  • Members

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

Posted 13 June 2013 - 01:05 AM

Oh ok, that makes more sense now. When the page loaded first time round it must have moved down the page a bit, i could only see the green navbar. Looking at the site again I can see the black navbar at the top now. Sorry that last code was based on the green nav as that's all i could see at the time.

 

.navbar.pl-color-black-trans {
    background-imagenone;
    border-topmedium none;
    background-color:none;
 
}

 

.navbar {
    box-shadownone;
}

 

.navbar .navline > li > a {
    colorblack;
    displayblock;
    floatnone;
    line-height19px;
    padding9px 12px 10px;
    text-decorationnone;
    text-shadownone;
}
 
That gives this result -

Please Login or Register to see this Hidden Content

 
If you want to add a simple color to the nav background instead of no color change to
 
.navbar.pl-color-black-trans {
    background: #cccccc; (replace with chosen color value)
}


#8 nfp1900

nfp1900

    Advocate

  • Members

  • 292 posts
  • LocationLondon (the original one)
  • Framework Version:The Latest
  • Country: Country Flag

Posted 13 June 2013 - 08:51 AM

thanks (you know I would never dare ask about third party plugins...)  I used the code and it knocks out some of the css but the black bar is still there but with black text and a rollover. It's odd that you got the result I wanted but it's not the same at my end, do I need to throw in some !important?

 

Have left it with the css added so you can take a look



#9 nfp1900

nfp1900

    Advocate

  • Members

  • 292 posts
  • LocationLondon (the original one)
  • Framework Version:The Latest
  • Country: Country Flag

Posted 13 June 2013 - 03:48 PM

ok, I got rid of the grey box by changing the css to transparent rather than none (seems like the same difference), but I still have the whole white rollover issue, any chance of getting it to be anything but white?

 

.navbar.pl-color-black-trans {
    background-imagenone;
    border-topmedium none;
    background-color:transparent;
 
}


#10 James B

James B

    Advocate

  • Members

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

Posted 13 June 2013 - 10:39 PM   Best Answer

To resolve the rollover going to white you'll need to change the li a element in the css for the hover.

 

.navbar .navline > li > a:hover {
    background-colortransparent;
    color#CFCFCF;
    text-decorationnone;
}


#11 nfp1900

nfp1900

    Advocate

  • Members

  • 292 posts
  • LocationLondon (the original one)
  • Framework Version:The Latest
  • Country: Country Flag

Posted 13 June 2013 - 11:37 PM

Perfect, I appreciate the help on this!



#12 James B

James B

    Advocate

  • Members

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

Posted 14 June 2013 - 12:46 AM

You're welcome :-)







Also tagged with one or more of these keywords: simple nav, secondary nav, default