No sidebar in backend, user-touch class erroneously on html tag

Hi All,

I have a problem with October CMS 2.x where the left sidebar is no longer visible in the backend. This only happens in Chrome, and after digging I found the offending CSS rule. It’s in modules/backend/assets/css/october.css, there is a rule that hides the sidebar if the html tag has a class “user-touch” present:

html.user-touch .layout>.layout-cell.layout-sidenav-container {
    display: none !important;

If I remove the class from the dom (in devtools), the menu appears, but still as a condensed version with only icons. So for some reason, October thinks I’m using a touch device, and most likely in mobile portrait mode.

Any ideas why this might be happening, or any way to fix it?


Hey @Jinjo

Early versions of v2 had a oc-user-touch cookie that detects touch devices. Try clearing this cookie to see if it helps.

Nailed it. Deleted that cookie and my side bar is back.

I wonder how that cookie got set… I do use devtools and emulate mobile. But you’d think it would get cleared when I switch back to desktop. In fact I’ve been developing with october cms for about a year, emulating mobile all the time, and this has never happened before.

At least I know how to remedy it now. Thanks!

1 Like