How do you add Dark Mode Toggle to the WordPress menu In Frontend | CodeConfig
CodeConfig Banner
CodeConfig Banner
CodeConfig Banner CodeConfig Offers
00
Days
00
Hours
00
Min
00
Sec
CodeConfig Banner

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.