How to add toggle button to menu

  • Hi, I’m trying to add the night mode toggle to my main menu, but i don’t really know how to do that. I’m using newmag wordpress theme

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

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

  • Go to Appearance -> Menus in the WordPress dashboard. Add a custom link.

    For the URL, leave it as the # character. For navigation label, put Night Mode, although I don’t know if that part actually matters. At the top of the screen, you’ll see ‘Screen Options’. Click it to open it, and make sure that CSS Classes is checked under ‘Show advanced menu properties’. In your custom link, you’ll see an option for CSS Classes, and set that to wp-night-mode

    Thread Starter Adewale Mudasiru

    (@whaletb)

    Thanks, I’ve been able to get that working. On activation my post title remains dark (not visible) and i also would like to remove the white border lines in the post body. How do i go about styling it.

    You have to use body.wp-night-mode-on

    So you might have something like this

    body.wp-night-mode-on .class-name {
    background-color: #000;
    }

    Thread Starter Adewale Mudasiru

    (@whaletb)

    I’m not really sure how to do that

    Plugin Author markoarula

    (@markoarula)

    Hi,

    you will need someone with at least basic CSS knowledge to adjust Night Mode style to your needs.

    Best regards

    @rwoods716, Great man. I was running in circles cause I missed to check the CSS Classes. Just some decoration and that’s all. Thank you.

Viewing 6 replies - 1 through 6 (of 6 total)
  • The topic ‘How to add toggle button to menu’ is closed to new replies.