How to hide some of the menu entries by customizing the CSS

To customize the CSS to control which topics will not be displayed in the menu, follow these steps:

  1. Make sure you set an ID on the topic that you do not want to include in the menu.
  2. Create a new CSS file that contains a rule that hides the menu entry generated for the topic (identified by the topic ID growing-flowers in the following example). The CSS file should have content that is similar to this: 
    .wh_top_menu *[data-id='growing-flowers'] {
						display:none;
						}
  3. Reference the CSS file in a WebHelp Responsive transformation using an oXyegn Publishing Template or the args.css parameter.