Trying to hide top nav for one topic in HTML5 output

This forum is for all Flare issues related to the HTML5, WebHelp, WebHelp Plus, and Adobe Air Targets
Post Reply
TR Lisa
Sr. Propeller Head
Posts: 100
Joined: Thu Jul 06, 2017 8:09 am

Trying to hide top nav for one topic in HTML5 output

Post by TR Lisa »

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.
NorthEast
Master Propellus Maximus
Posts: 6365
Joined: Mon Mar 05, 2007 8:33 am

Re: Trying to hide top nav for one topic in HTML5 output

Post by NorthEast »

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

Code: Select all

html.noMenu
{
}

html.noMenu nav.tab-bar
{
   display: none !important;
}
TR Lisa
Sr. Propeller Head
Posts: 100
Joined: Thu Jul 06, 2017 8:09 am

Re: Trying to hide top nav for one topic in HTML5 output

Post by TR Lisa »

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.
Post Reply