Phoca Top Menu - Dropdowns blank until hover

[bascherz]

This started with Joomla 4.4.0 and applies to the Atum admin template. Running Phoca Top Menu 5.0.0.

When hovering over top menu items, the dropdown lists are all white. Items in the lists do appear with the correct fg and bg colors when hovering over them, but then return to all white after moving on.

Screenshot at link below:
https://imgur.com/a/u0JQ5Cc

This happens in Chrome, Edge, and Firefox on a Windows 10 PC as well as on Chrome on my Android 14 Pixel phone, but not on my Android 8 Galaxy tablet (all running Chrome 118.0.5993.111).

Cheers,
Bruce S, Vienna, VA USA

[Benno]

Hi,
are you getting any error messages in the JS console or via debug mod and error reporting=maximum? Because I can't confirm this behavior. Just tested, see image:



Joomla! 4.4.0
Phoca Top Menu Module 5.0.0
PHP 8.0

Kind regards,
Benno

[hmb63]

I have the same problem in the black and dark mode. In the default mode however, the Dropdowns can be seen, but the main menu is black on a black background. Maybe this css (from main.css, line 163) helps:


@media (prefers-color-scheme: dark).ph-topmenu-black

ul.dropdown-menu li a {
color: #fff;
}

Joomla 4.4
Phoca 5.0
PHP 8.0.35

And I have another installation where Phoca 4.0.13 is still running (J 4.4., PHP 8.0.30), there it works

[Jan]

Hi, the version 5.0.0 is ready for Joomla 5 and new Boostrap which adds the option to have dark mode. When you will use Joomla 4 and Phoca Top Menu version 4, do you get the same problem?

Jan

[hmb63]

I would try, but it updated automatically to 5.0 and in the Download-Section there is only 5.0 for both Joomla-versions available. So how to get the latest version of 4?

Best regards

[Benno]

Hi,

So how to get the latest version of 4?

https://github.com/PhocaCz/PhocaTopMenu ... tag/4.0.14

Kind regards,
Benno

[hmb63]

Thank you, unfortunately it did not help.

Best regards,

Helmut

PS: I was looking for any css-file to overwrite, but there is no own css, am I right?

[hmb63]

Correction: Now I found it and changed in media/mod_phocamenu/css line 164 from #fff to #000, that works, here is the full declaration, beginning at line 162:

@media (prefers-color-scheme: dark) {
.ph-topmenu-black ul.dropdown-menu li a {
color: #000;
}

.ph-topmenu-dark ul.dropdown-menu li a {
color: #fff;
}

.ph-topmenu-default {
background: #000;
}
}

And here the declaration of line 134, that is overwritten by the declaration above:

.ph-topmenu-black ul.navbar-nav li a {
color: #fff;
}

Best,

Helmut

[bascherz]

Hi,

So how to get the latest version of 4?

https://github.com/PhocaCz/PhocaTopMenu ... tag/4.0.14

Kind regards,
Benno

If you meant the latest Joomla 4, go into Joomla Update, Options, and change the channel from Joomla Next to Default.

Bruce

[bascherz]

Hi, the version 5.0.0 is ready for Joomla 5 and new Boostrap which adds the option to have dark mode. When you will use Joomla 4 and Phoca Top Menu version 4, do you get the same problem?

Jan

I didn't find a copy of that on my server, but I'll check again tonight.

Thanks,
Bruce