OutSystems UI - Any way to make the side menu hidden by default?

Hello everyone,


Using OS 11, and the Side menu OutSystems UI framework. 

For aesthetics reasons I'd like to have the side menu start as "hidden" (with the hamburger icon to expand it) even on big desktop screens. Bit late now to switch to a top menu but this would be good enough.


Is there any way to go around doing this?

Mariano Picco wrote:

Hello everyone,


Using OS 11, and the Side menu OutSystems UI framework. 

For aesthetics reasons I'd like to have the side menu start as "hidden" (with the hamburger icon to expand it) even on big desktop screens. Bit late now to switch to a top menu but this would be good enough.


Is there any way to go around doing this?

1. Remove the menu web-block from that particular screen.

2. Changed the css for the menu as well as Content to occupy the screen.

SyntaxEditor Code Snippet

.Menu { 
    display:none;
    width:  0px;
}

.Content.ThemeGrid_Wrapper {
    left: 0px;
}


Thanks

Thanks for your reply.


That makes the menu disappear (with a few tweaks - I'm using OS 11 and Outsystems UI), but what I want is for the menu to behave the way it does in table and phone mode - with a hamburger menu that pops it in and out - and it to start 'minimized'. 


Any way to achieve this?