Make the dark mode toggle always visible on mobile screens
J
Jose Eden
On smaller/mobile screens, the dark/light toggle button is inside the collapsible sidebar, which means I need to click and open the sidebar to change mode. Is it possible to move the dark/light-mode toggle button outside of the collapsible sidebar and place it in the navbar and make this button is always visible?
I manage to do it when I tweaked the code in Google Chrome but I don't know how to do the same changes on my global custom.scss file.
J
Jose Eden
the duplicate dark-mode toggle button is seen here
J
Jose Eden
Okay I managed to do it this way, but now there's two dark-mode toggle button, one in the navbar which is always visible, and the second one in the collapsible sidebar. I'll try to attach a photo.
the code i added in my global custom.scss file.
@media (max-width: 600px) {
.colorModeToggle {
display: block;
position: relative;
margin-left: auto;
}
}