Menu icon disapears on mobile when in dark mode (Plugin: WP Dark Mode)

  • Resolved goodguylt2022

    (@goodguylt2022)


    11 months, 2 weeks ago

    If you open the page on a mobile/mobile emulator in dark mode or switch to dark mode the menu icon becomes invisible (it’s still there you can click it if you know where it is). I tried to change the colour of the menu button, however, it didn’t seem to matter (also the website’s title and search icon are also the same colour (same control) but they work fine.). It seems specific to the Sydney theme as Twenty-twenty-four, which I briefly enabled didn’t seem to have a problem. I will be making an identical support ticket to the plugin’s page because I am not sure which side is causing the glitch.

    The page I need help with: [log in to see the link]

Viewing 3 replies - 1 through 3 (of 3 total)

  • Hi @goodguylt2022,

    You may change the mobile menu icon color while dark mode is active with this simple CSS code; so that it will be more visible:

    [data-dracula-scheme="dark"] #masthead-mobile .menu-toggle svg {
    fill: #fff;
}

    Add it to Appearance > Customize > Additional CSS from dashboard.

    Thread Starter goodguylt2022

    (@goodguylt2022)

    Another fix is switching the WP dark mode to Dracula plugin which gives similar looks and doesn’t kill the icon

    Thread Starter goodguylt2022

    (@goodguylt2022)

    Thanks for all the help!

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Menu icon disapears on mobile when in dark mode (Plugin: WP Dark Mode)’ is closed to new replies.