Trying to hide top nav for one topic in HTML5 output
Trying to hide top nav for one topic in HTML5 output
I have a sign-in page topic that needs to display without top nav. We don't want users digging through the Help content unless they're signed in, but we want to offer a bit of sign-in page help. What's the trick? Short of creating an entirely new project with a top-nav-less skin for this one topic.
Re: Trying to hide top nav for one topic in HTML5 output
Try this:
1. Add the CSS below to your stylesheet.
2. For topics where you don't want a top nav menu, set them to use the html.noMenu class. E.g. go to topic properties and set the Topic Style Class to noMenu
1. Add the CSS below to your stylesheet.
2. For topics where you don't want a top nav menu, set them to use the html.noMenu class. E.g. go to topic properties and set the Topic Style Class to noMenu
Code: Select all
html.noMenu
{
}
html.noMenu nav.tab-bar
{
display: none !important;
}
Re: Trying to hide top nav for one topic in HTML5 output
Thank you! I've created it and now will try to apply it in my new project. CSS and styling is definitely out of my comfort zone so I appreciate the nudge here Yesterday I was just staring at the topic style class, knowing the answer was in there somewhere, but unable to discern it.