mobile dropdown menu

Sparkling
1

Dear colorlib-team,
first of all; thanks for the sparkling theme, which works in the most cases very fine and easy.
Second of all, excuse my simple english, but I’ll try my really best to explain my problem.

I’ve read many work arrounds here, but nothing helped.

As you can see on this little website www.stelle-fussball.de about my little regional football club, the dropdown menu, for example /jugend, works well on the desktop version. On hoover a yellow dropdown menu appears.

On a mobile phone, it appears the space for the dropdown menu, but it seems, all colors were using the background colors, so it seems, there are no links to click. If you click in this blue space, it appears a yellow nav button.

I’ve customized the colors in the wordpress customizer.

I deactivated all plugins. Nothing changed.
I tried EBS. Nothing changed.
I tried WP Responive Menu. No changes at all.

I am very sure, that there must be a real simple way to resolve my problem. But I can’t see it.

Thanks for your kindness and patience to resolve my boring problem.
Best regards from Germany

2

Hi @pablo,

I hope you are well today and thank you for your question.

You can resolve this issue by adding the following CSS code in the Custom CSS option of the latest version of Sparkling theme on the below path.

Admin Area -> Appearance -> Customize -> Sparkling Options -> Other -> Custom CSS

@media (max-width: 767px){
.navbar-default .navbar-nav .open .dropdown-menu > li > a,
.dropdown-menu > li > a {
    color: #fff;
}
}

Best Regards,
Movin

3

Cool, @Movin,
not the same, as the desktop version, but in this case pretty enough.

Thanks a lot for this fast and easy solution!
Best Regards,
Pablo

4

You are most welcome here :slight_smile: