Hello Ciaran,

It looks like my questions are answered but it can be I'm not making clear enough what the problem is.
When I set the header to 'sticky' in the backend the problem is that the header-image is also sticky.
But I think we try another template and see what happens.
So this ticket can be closed.
Thanks!

Greetings, Ton

Hello

May I suggest sending temporary administration access to your Joomla installation to info@joomla51.com and we will examine this issue further. For our reference please paste a link to this post in your email.

Ciaran

Hello Ciaran,

I've send the site credentials a while ago.
Any updates yet?
Thanks!

Greetings,
Ton

Hello Ciaran,

Alle the best for 2024!

I've send the site credentials a while ago.
Any updates yet?
Thanks!

Greetings,
Ton

Hi Ton

I dont appear to be able to locate these details. Could I ask you to resend your details and to ensure to include a URL to this post for our reference.

Ciaran

Thank you Ton

I believe this issue is now resolved?

Ciaran

Hello Ciaran,

It is solved now for the sticky header but now the header images are also sticky on mobile and desktop.
This should not be the case.
Thanks!

Greetings, Ton

Hi Ton

To amend you can add the following to the Responsive Custom CSS fields within the General -> Responsive Options tab of your template settings. For more details on using these fields may I suggest the following article... https://joomla51.com/tutorials/template-parameters/applying-custom-css-to-a-screensize-device

#container_header {

    position: relative !important;

}

Ciaran

Hello Ciaran,

When I use this lines of CSS-code the header isn't sticky anymore.
The logo and hamburger navigation should stay in position (top of screen) on mobile, tablet and desktop.
The header image should not be sticky.

Greetings, Ton

Hi Ton

When I examine your site on mobile, nothing appears to be sticky. To amend try adding the following to the Responsive Custom CSS fields within the General -> Responsive Options tab of your template settings. For more details on using these fields may I suggest the following article... https://joomla51.com/tutorials/template-parameters/applying-custom-css-to-a-screensize-device

[code].header_sticky {
position: fixed;
top: 30px;
}
.header_spacer {
position: fixed;
top: 0;
}/code]

Ciaran