Menu on mobile will result in blank page

Hi @cholek,

Hope you are doing well today. Actually, the menu not going blank. The background color and text color of the mobile menu are white. So, it seems like blank. Just copy and paste the following CSS code by accessing ?Appearance → Customize → Additional CSS.

.wp-block-navigation:not(.has-background) .wp-block-navigation__responsive-container.is-menu-open {
    background-color: #080808;
}

Let me know how it goes.

Cheers,
Muhammed Jazeel

Hey guys,

thanks a lot for your answers. Unfortunatelly I am unable to find Appearanace – Customize – Additional CSS probably because I am using a Block-styled Theme which does not have this option. I can only see Editor where I could not find where to put the custom CSS code.

Also I am a bit curious how it happend in the first place because I remember it was working OK up until some point.

Thanks in advance for your feedback!

Pavel

Hi @cholek

When I go to the Dashboard and hover over the “Appearance” menu, I then only see the options of “Themes” and “Editor”. There is no “Customize”.

Sorry, I forgot that Twenty Twenty-Four is a block-based theme. You can paste and implement the Custom CSS code by installing a plugin called Simple Custom CSS and JS. Install this plugin on your site. Then you can see the ‘Add CSS Code’ option inside the plugin dashboard.

Best Regards
Muhammed Jazeel

Hi again @cholek,

There is a way to access the ‘Customize’ option inside block-based themes like Twenty Twenty-Four. Block-based themes also have a ‘Customize’ option. But WordPress hid it in the front end. You can access it by including ‘customize.php’ at the end of your WordPress dashboard URL.

Example: https://yourdomain.com/wp-admin/customize.php

Just replace your domain on the ‘youdomain.com’ part. You can see ‘Additional CSS’ option inside the customize screen. So, we can avoid using a plugin for inserting Custom CSS code.

Cheers,
Muhammed Jazeel

Hi @cholek,

Let me know how it goes. Do you sorted it out? Don’t hesitate to ask if you need any more help.

Best Regards
Muhammed Jazeel

Hi Muhammed,

thanks for your continuous support. Unfortunatelly non of this worked. When I tried to access the customize script through the link, new page opens and it says “This has been disabled”. I also tried to install the plugin and added the code through plugin but also with no result, menu is still not visible.

Would you have any other workarround in your mind? ??

Thanks!

Pavel

Hi Muhammed,

I eventualy restored the web into one of my previous revisions. I will keep an eye out for what change made the issue. My guess will be something with the styles, let us see. Thank you very much for your support!

Enjoy your day!

Pavel

Hi again @cholek,

Hope you are doing well today.

Unfortunately non of this worked.

The mobile menu is now working fine on my end, with white text on a black background. You may be getting a cached version of the page. Try again by clearing your browser cache.

Let me know if you want any further assistance.

Cheers,
Muhammed Jazeel

Thanks a lot, issue is solved!

Have a nice day!

Pavel