Davey

Registered
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.
 
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:

Code:
@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:

Code:
@media (max-width: 450px)
.XenBase .p-navgroup-link--switch {
    display: none;
}
 
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. :)
Code:
.fa-lightbulb-o::before {
    content: "\f186";
}
Thanks for the workaround.
 

Pre-Sale Questions

If you have any questions or concerns you want to ask before you make a purchase don't hesitate to use one of our multiple support channels for your convenience.

Back