How to hide bottom menu bar on single post

[weaverfan]

This is about the homepage: http://hanauhornets.de

Admin: 001, Password: 246810

I want to hide the bottom menu bar on following post:http://hanauhornets.de/pec-events/flag-auswaertsspiel-mainz-golden-eagle-hanau-hornets/

I’ ve tried the following rules in the per post style:

+.single #page-1389 .nav-primary {display:none;}  and

.single-post.postid-1389 #nav-primary {display:none;}

But the bottom menu bar is still displayed. Can you help me with this?

[scrambler]

If you are putting the rule in the Post editing page per post style box you need

+ .single.postid-1389 #nav-primary {display:none;}

The logic is as follow

• The selector for the menu is  #nav-primary
• + tells weaver not to add the post id class
• single is the body class for single post pages, and postid-1389 is the body class of that post.
  Given they are both body classes, they are at the same level so they need to be connected

[weaverfan]

Thank you so much for the rule and the explanation. I have learned something new – always a good thing. And: it works well!

[Author]

Posts