Removal of white space above the Left menu in the HTML output is generated

[Amit+007appviewx]

Hi Team,
Can you please help us for solving this issue:
Remove the space above the left menu. After clicking on any subsection in the left menu, a blank white space appears above the left menu, as depicted in the attachment.

Before Clicking on any section.png

After Clicking on any section.png

Image - 1.png

[chrispitude]

Hi Amit,

What version of Oxygen/WebHelp are you using?

(Note that there is a separate WebHelp section of the forum, in case you want to post future WebHelp questions there.)

[Amit+007appviewx]

I am using 25.0 version of Oxygen XML Author.

[Amit+007appviewx]

Hello Team
Can you please help me with the above issue?

[Costin]

Hi Amit,

As we are not aware of this kind of issues with the current implementation of WebHelp and judging by the look of the WebHelp output in the screenshots you posted, probably you are using a customization of your own (possibly through a custom publishing template).
Please try using the default DITA Map WebHelp Responsive transformation scenario as-is, without any customization and see if the behavior you reported is still present.
If you did not encounter this when using the default scenario without any changes, then the reason for this issue lays in your own customization, so you should debug it, or reach to the persons that developed the customization to debug this.

Let us know if the issue is still reproducible even when using the default WebHelp scenario clear if any changes.

Regards,
Costin

[InspectorSpacetime]

Hi,

This is probably caused by the fact that your output is customized with CSS. The default WebHelp header and breadcrumb row are hidden with display: none, and the search bar container is smaller than the default one. Because of these, the TOC is positioned in the wrong place on the screen, resulting in the white space.

I think there are two things you could try at first:

Set the webhelp.enable.sticky.publication.toc parameter in your transformation scenario to no. This should stop the TOC from being placed in a fixed position.

If that doesn't work, you could try to re-place the TOC via CSS:

Code: Select all

#wh_publication_toc_content {
	top: 75px !important;
}

You need to experiment with the correct position, the 75px is just an example.