Hi Emile

1. Would you have a URL to an example of this issue?

2. To amend try adding the following to the Custom CSS field of your templates parameters (Extensions -> Templates -> [YourTemplateStyle] -> Custom CSS)....

.header_nav {

    position: absolute;

    top: 0;

    right: 50px;

    padding: 0 0 0 1rem;

}

Ciaran

Hi Ciaran,

Yes my test site is :

https://www.test.ziizo.nl/index.php

Kind regards,
Emile

Hello

1. Could you please detail the issue you are having? On this side, your sticky header appears to be working without issue.

2. Please use the following CSS instead...

@media only screen and (max-width: 1124px) {

  .header_nav {

    position: absolute;

    top: 0;

    right: 50px;

    padding: 0 0 0 1rem;

  }

}

Ciaran

Hi Ciaran,

See attachement. Left screen is the webpage on a ipad and you can see the sticky header is working. Right part of the screen is the webpage on a mobile phone and sticky header is not working


Kind regrads,
Emile

Hello

Considering the small amount of space available on mobile devices, the sticky header is disabled. If you wish us to override this behaviour, may I suggest sending temporary administration access to your Joomla installation to info@joomla51.com and we will make the amendment for you. For our reference please paste a link to this post in your email.

Ciaran