How do you add Dark Mode Toggle to the WordPress menu In Frontend | CodeConfig

How to Add Dark Mode Toggle to the WordPress Menu?

Dusky Dark Mode offers a free way to add a toggle to the WordPress menu. Follow the steps below:

Step 1: Navigate Toggle Settings

After installing the Dusky Dark Mode plugin, go to Dark Mode > Toggle Switch > Frontend > Menu.

add Dark Mode Toggle to the WordPress menu

Step 2: Select the Available Menu

After selecting the menu, you’ll see the available menus created via WordPress > Appearance > Menus. Choose the menu and select either the dropdown type or toggle menu.

Dusky Toggle available menu

Types of Toggle in Menu

The menu toggle has two types:

  1. Toggle Type: The default toggle style.
  2. Dropbox Type: If enabled, the toggle will display as a dropdown.

Toggle Type Options

Toggle Position

If enabled, the toggle will move to the left side of the menu. Default: Right.

Right Side Toggle Menu in Dusky Dark Mode

Floating Toggle Size

Select the size of the floating toggle switch:

  • Small
  • Medium
  • Large
  • Custom -> Adjust the toggle size percentage

Custom Toggle Size

Conclusion

The Dusky Dark Mode plugin allows you to create a fully customizable toggle for dark mode. For further assistance or issues, feel free to contact CodeConfig.