webhelp-responsive scroll content area only (not header, search, breadcrumbs)

[shudson310]

Is there an easy way to configure the webhelp-responsive output so that the header area (banner, search, breadcrumbs) are in a top frame that is ever-present, while allowing the content area to scroll?

[alin]

Hello,

There is no out-of-the-box setting that will enable that behavior. In order to achieve this functionality a solution is to use the "position:fixed" CSS property on the components you want to be always visible.
This procedure in our User Manual describes how to contribute the additional CSS to the WebHelp Responsive transformation scenario: https://www.oxygenxml.com/doc/versions/ ... n-css.html

I gave it a try using the Oxygen skin. You can start from this CSS snippet:

Code: Select all

.wh_header {

    position:fixed !important;

    top:0;

    width: 100%;

    z-index: 2;

}



.wh_search_input {

    position: fixed !important;

    top: 94px;

    width:100%;

    z-index: 2;

}



.container:nth-of-type(2) {

    margin-top: 240px;

}

Regards,
Alin

[shudson310]

That gives me enough to work with! Thanks, Alin!