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,

Thanks for the quick response. Look here: https://www.streuobstwiesen-boerse.de/images/sticky_header.png

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,

thanks - it worke great. But only on the HOME-Page. What I have zo do so that it works on evry site?

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,

Hi,

Thank you again. I have now created two module positions (Banner 1 and Banner 2) and placed them directly below the module position "Title".

For testing purposes, I then assigned my modules with the banners on the page https://www.streuobstwiesen-boerse.de/anzeigen/baden-wuerttemberg/kreis-calw.html to these positions. It's working so far.

Could you please provide me with the necessary CSS code to make it sticky?

Best regards,

Hi,

for your information, For testing purposes, I have assigned my modules with the banners on all subpages. It's working so far.

Could you please provide me with the necessary CSS code to make it sticky?

Best regards

Hi,

just a short reminder

Could you please provide me with the corresponding code? That would be great.

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,

Hi,

great job.

One small thing: When using the code, a small white square is added to the breadcrumb line. Can this be removed?

Thanks

Thats it - thank you so much

You're always welcome:)

You may accept the most useful answer in order to close the post.

Have a nice day!

Thanks for accepting the answer:)