Nova Light Switch In Responsive

[Davey]

Is there a way to activate the light switch colour changer in mobile view, or does it not work in responsive?
Just noticed it doesnt show when viewing via mobile phone thats all.

 

[Russ]

We do indeed hide the icon at the "medium", I suppose we could hide just at the small. Ideally the Account/Inbox/Alerts/What's New/Search is more important than the light switch and at small resolutions with the logo in the nav there's just not a lot of room.

You can show it via CSS:

@media (max-width: 650px)
.XenBase .p-navgroup-link--switch {
    display: block;
}

You can then hide it whenever you want if you run out of space:

@media (max-width: 450px)
.XenBase .p-navgroup-link--switch {
    display: none;
}

 

[Davey]

Brill. I did notice the logo on small was VERY small, so have decided to go with below nav for that, so should be ok with switch in the logo row.
I did make a nifty little edit in the Light style though, to show a little moon icon to turn it to dark instead of the lightbulb.

.fa-lightbulb-o::before {
    content: "\f186";
}

Thanks for the workaround.