Sticky Header

Hi there!

Thanks for reaching out.

There is no default option to make another section as sticky. In that case you will need some CSS code to achieve this. Please share a screenshot indicating the section you are talking about.

Best regards,

Hi,

Thanks for the screenshot.

Please use the following code in your custom CSS:

.body-innerwrapper {
        overflow: visible;
    }
#section-id-caba3cbe-b5ae-4998-bda7-daa38b7d415d {
    position: sticky !important;
    top: 80px;
    z-index: 99 !important;
}

Here is all about custom code placement in Helix Ultimate: https://www.joomshaper.com/documentation/helix-framework/custom-code-css-js-meta

Hope this will serve your purpose.

Best regards,

Hi,

You're welcome.

How did you render this banner, actually? It will be better if you create it as a module, then publish it in the desired position and set menu assignments for all. This way the banner can be sticky with a single block of custom CSS. But it seems you have created the banner for each page as a new section or content instead; hence, each page has a unique ID for that section.

Best regards,

Hello,

Thanks for the fixed section for your all pages. Please try this new code snippet instead of the old:

.body-innerwrapper {
        overflow: visible;
    }
#sp-werbebanner-oben {
    position: sticky !important;
    top: 80px;
    z-index: 99 !important;
}

Best regards,