Different menu location on pages vs posts

[MichaelW]

I suspect I know the answer to this, but will ask anyway. In Weaver Xtreme (basic) is there way to have the primary navigation menu at the bottom of the header area (i.e. default location) on static pages but at the top of the header on single page posts? I know that I can use the menu options to choose the location of top OR bottom, but I suspect that I can’t vary this per page or per post without going to Xtreme Plus and the [extra-menu] shortcode but perhaps I am wrong and there is a way to do this? 

[scrambler]

There is no option to do that, but if you give us a link to your site (both a regular page and a single post page) we can see if any custom CSS could be applicable

[MichaelW]

Right now I have the options configured so that the primary menu is at the TOP. Here is a single post page:  http://stories.michaelwosnick.com/the-little-general/ with the menu at the top where I want it to be for these single post pages. Mainly because I am using featured images as header replacements and I prefer that the menu does not get in between the images and the actual posts, which in these cases are stories that go with the images.

On the other hand, here is my static front page where I would really prefer the main menu to be at the bottom of the header in its usual spot:  http://stories.michaelwosnick.com/

Thanks so much.

[scrambler]

Try setting up both primary and secondary. If they can each take the right spot, then we can hide the one we dont need on the pages we want.

But you need to clarify which is which.

Do you want ALL pages except the front page with menu at the top, and just the home page with menu at the bottom, or do you want the menu at the bottom on all pages except the single post pages that should have it at the top.

[MichaelW]

I would do the latter: keep the main site navigation menu at the BOTTOM of the header for everything EXCEPT the single post pages where I don’t want the menu bar to ‘detract’ from the content.

I already have both primary and secondary set up as well as a sidebar menu. I have displayed both primary and secondary (identical) on the top and bottom of all pages for now so that you can see them both. I just don’t know how to hide one or the other on a per page basis, but I’m guessing (hoping?)  you will tell me 🙂 

[scrambler]

Add the CSS below in Main Options > Fonts & Custom > Custom CSS Rule box

#nav-secondary {display:none;}
.single-post #nav-secondary {display:block;}
.single-post #nav-primary {display:none;}

[MichaelW]

Perfect!  Thank you so very much.

[Author]

Posts