Jump to content
Sign in to follow this  
nfp1900

simple nav and secondary nav default menu setting

Recommended Posts

nfp1900    29
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.

Share this post


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

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;

}


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
nfp1900    29
nfp1900

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?

Share this post


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

Hi there,

 

This site http://testserver.nicholaspealldesign.com/ 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; }

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

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


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
nfp1900    29
nfp1900

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

Share this post


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

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 - http://screencast.com/t/DRrv7sm9Sb24
 
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)
}

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
nfp1900    29
nfp1900

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

Share this post


Link to post
Share on other sites
nfp1900    29
nfp1900

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;
 
}

Share this post


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

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;
}

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
nfp1900    29
nfp1900

Perfect, I appreciate the help on this!

Share this post


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

You're welcome :-)


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

    • DEgmond
      By DEgmond
      I would like to change the fontcolor in my simple nav...
      I know it has to do with CSS...
       
      I don't know if I have to use the "custom styling classes" or "Inline CSS styling". I don't know the difference between them.
      I looked with Chrome in the code of the site - about 3800 rules pfff - 
       
      I was not able to find the code that changes the fontcolor of my Simple Nav section into white (#ffffff)
       
      Can anybody help me...
       
       
    • kylejones41
      By kylejones41+
      I have built a site for a client on SellmanFurniture.com it has been up and running for about a month. When I logged in today the pages other than the homepage were linking to the DMS2 Default pages, without any of my customizations.
       
      Then about 30 minutes later the homepage was set to the Default DMS2 as well. I have not changed any part of the code or settings. Need to know why this is occuring, how to fix it, and how to make sure it never happens again.
    • glennyboy
      By glennyboy
      Hi
       
      If this posts twice apologies, but it didm't show the first time. 
       
      Anyway I have found that the DMS 2 simple nag doesn't align center due to overriding styles in the parent .pl-section-pad. This div needs to be set to:-
       
      .pl-section-pad { text-align: center; }   May be a better way, but the styles aren't working at present.   Regards   Glennyboy
    • lroberts00
      By lroberts00
      How do I customize the menu's to appear where I want them?  Currently I am using Nav Classic as a upper nav and NavBar for the sites page navigation.  Right now there are backwards, I want the NavClassics pages on the Nav Bar area, and vis versa.  Can some one please help?
       
      www.theshippingzone.net
    • peter_von_z
      By peter_von_z
      Hi,
       
      I think there should be an easy way to reset or reload default templates and then assign them to corresponding page types. Also, when I installed DMS there was no template for the blog page or single post page assigned to these page types.
       
      This would save a lot of time if something goes wrong or you want to start from scratch.
       
      Another thing I found strange is when you use the plugin that shows what template is assigned the page, it sometimes says CUSTOM or some other "non existing" template ( at leased it's not in my library). Why is that?
       
      /Peter
       
       
×