[HenryHill]

I’m using the Logistica theme with Polylang for a multilingual website in four languages. Currently, I am facing an issue with the menu display on the language-specific homepage versions:

1. Issue Description: When the homepage initially loads, the menu text color displays correctly in white. However, once I scroll down, the sticky menu should switch to black text to maintain readability. This functionality does not work as expected, and the text color remains unchanged after scrolling.
2. Troubleshooting Attempts: I have tried to resolve this by adding custom CSS and JavaScript, specifically by using a .scrolled class triggered by scroll depth to change the text color dynamically. Despite these adjustments in the style.css and main.js files and disabling caching to avoid interference, the issue persists.

Could you please advise if there’s a known solution or further adjustments that can be made within the theme to address this? You can take a look and maybe fix the problem with the provided log-in credentials (Private Content).

Thank you very much for your assistance.

[serkan]

Hi,
I added a custom css code. Could you please check it out?
Thanks

[HenryHill]

First of all, thank you for the assistance. It’s working now. However, the red bar, which should only appear under the menu items on hover, is now constantly active on each element.

Could you please advise if there’s a known solution or further adjustments that can be made within the theme to address this? You can take a look and maybe fix the problem with the provided log-in credentials.

Thank you very much for your assistance.

[serkan]

Hi,
Since you made one page, the current menu item sees them all. Because you are not switching to different pages. So you can see the red line under each menu. Either do not use one page layout or deactivate the border under the menu item. I hope it was explanatory.
Thanks

[HenryHill]

Hi, okay i understand. thank you for your assistance!

[serkan]

You are welcome.