Hi there! I’ve been using the below code posted in this thread for ages on a few of my apps and it seems today’s change broke them - which is odd, because it appears to just be some simple CSS used to make the menu move to the left hand side (helpful with the number of menu items a couple of my apps use. Any help would be appreciated!
A different approach here to make this work in the new theme - this simply forces the mobile menu to be displayed permanently at widths > 768px, and happily doesn’t require javascript at all. Other things this does:
Sets the sidebar below the app title.
Hides the mobile account settings (.kn-mobile-account-container) - they remain in under the app title bar.
Sets the scene to scroll vertically so the app menu and sidebar stay locked.
Hides the usual horizontal menu (#kn-app-menu).
Allows the usual mobile menu to work for widths < 769px.
@media screen and (min-width: 768px) {
html, #knack-body {overflow-y:hidden !Important;}
#knack-logo {padding: 0.5em 0;}
#kn-mobile-menu {left: 0; top: 60px; width:150px; font-size:inherit; background-color:#ebebeb; box-shadow: inherit;}
.kn-scenes {left:150px; width:calc(100% - 150px); position: relative; height:calc(100vh - 60px - 40px); overflow-y: scroll;}
.kn-mobile-account-container {display:none !Important;}
#kn-app-menu {display:none !Important;}
}