Beach Resort Theme – Mobile Menu links

[Huey]

Hello,

I’m having trouble with my mobile menu links. It looks fine when you are on the home menu, but when I’m on a parent page, the mobile menu child page links don’t stay white.

Main website: http://tojungpension.com/

Example of what I’m talking about: http://tojungpension.com/?page_id=1779

Another problem: The size of some of the mobile menu sections are bigger than the others.

[Forum Moderator]

Hi,

Kindly go to Appearance>>Customize>>Basic>>Scroll down to find Custom CSS and paste there:

.sidr-class-menu_arrow { display:none !important;}

Regards,
Brad

[Huey]

Thank you Brad!

I added a few CSS to get things looking right. But now the active page (the page I’m on currently), the font appears white in the menu instead of black.

Here is the css I added:

.sidr-class-menu_arrow { display:none !important;}
.sidr-class-menu a:active { color:#000000 !important;}
.sidr-class-menu a { color:#ffffff !important;}
.sidr-class-menu a:hover { color:#000000 !important;}

What should I change to get the current page font to be black in the menu?

Thanks!

[Forum Moderator]

Hi,

Kindly go to Appearance>>Customize>>Basic>>Scroll down to find Custom CSS and paste there:

.sidr-class-current-menu-item a { color:#000 !important;}

Regards,
Brad

[Huey]

Thank you Brad.

I added the code but now all the child link fonts in the menu are black as well.

This is what I have currently in the CSS.

.sidr-class-menu_arrow { display:none !important;}
.sidr-class-menu a { color:#ffffff !important;}
.sidr-class-menu a:hover { color:#000000 !important;}
.sidr-class-current-menu-item a { color:#000000 !important;}

[Forum Moderator]

Hi,

Kindly go to Appearance>>Customize>>Basic>>Scroll down to find Custom CSS and paste there:

.sidr ul li ul li a { color:#fff !important;}

Regards,
Brad

[Author]

Posts