[WP Theme Error]YITH Wonder – Header Menu Displaying Blank

WordPress theme [YITH Wonder]Nav Menu Not Working in Mobile Devices: This is a question raised by a user. I provide solutions here.

What’s the problem?

A blank page is displayed instead of navigation menu while clicking the toggle icon in mobile devices.

The page I need help with: https://www.workforceenrichment.com

wordpress theme revamp
wordpress theme revamp

As illustrated in the snapshot: the website showed a white overlay menu once clicked on mobile before I fixed it.

Code to solve “Nav Menu Not Working in Mobile Devices”

Just add this CSS into your additional CSS and it will work:

.wp-block-navigation__responsive-container-content ul li a{color:#333;}

How to add additional CSS?

First, go to click on the "Customize" button in WordPress.

go to customize

Then click on "add additional CSS"

Add additional css

There you can add the code.

Copy the above code and paste it into the "Additional CSS" field and Don't forget to Publish!

publish new css

Please note that modifying the code requires caution. Always make a backup of your theme and site before making changes. The best way to check them is by testing them on the staging site(s) and if you have a third-party plugin, consider plugin conflicts as well.