Hi Joan

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

Thank you Joan

We have applied a fix to your template. Could I ask you to confirm that this fix is working? If yes then we will create an update for the template, adding this fix.

Ciaran

Ciaran,

Problem seems to be solved. Thanks for your help.

Joan

Hi Ciaran,

I have also the problem that the menu flickers while scrolling to the top of the page.
"It looks like the menu and background can not decide what to display until you stop scrolling." (only on top of the page)

The problem exists only with Microsoft Edge and Google Chrome (Desktop). No problem with Firefox and mobile browsers (Safari, Chrome).
And also no problem if I visit your demo page... I'm using Joomla 4.2.6 with PHP 8.1.

Thanks, Magi

Hi Magi

Does installing the latest download of the template resolve the issue?

Ciaran

Hi Ciaran,

no, unfortunately not. I have already the latest download from 07-Jan-2023.
I made a short video to show the problem: https://www.youtube.com/watch?v=paGfUbQvyV0

Magi

Hi Magi

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

.hornav > ul > li > ul, 

.hornav > ul > li > ul > li > ul, 

.hornav > ul > li > ul > li > ul > li > ul {

    transform: translateY(0);

}

Ciaran

Hi Ciaran,

I tried it, but unfortunately that doesn't help.
Maybe a general problem with Joomla 4 (or Microsoft Edge/Google Chrome)?

Edit:
I tried your DemoInstaller (Joomla 4) without changing any of the default parameters and there it's the same problem. But there is no problem when I visit your demo (Joomla 3) with Edge/Chrome. So I think it's an general problem with Joomla 4.

Thank you for detailing

Instead, try adding the following code to the Custom CSS field in the parameters of your template. (Extensions -> Templates -> [YourTemplateStyle] -> Custom CSS)....

.logo {

    padding-block: 15px;

}

Ciaran

Hi Ciaran,

It works - no more flickering.

But the area with logo and menu is now smaller. So there is no longer a difference in the size of the area with menu and logo when scrolling. Normally the menu gets smaller as you scroll down.

Magi

Hi Magi

I have just created an update for this template which should resolve this issue for you. For details on updating your template may I suggest the following article.. https://joomla51.com/tutorials/joomla-basics/updating-your-joomla-template

You can remove the previously suggested CSS.

Ciaran

Thank you, problem solved!