10
Views
1
Comments
Solved
How to hide left menu in mobile horizontal mode when developing on service studio?
Question
Service Studio Version
11.10.4 (Build 36717)

Hi,


Is there anyway to hide the left side menu on horizontal mode when developing on service studio? It is fine when i open the app, but on service studio, the left side menu is always there and take up the space. Even i set it "display: none", the content is disappear but it still take up the space. It border me on development...


Thanks.

Rank: #64
Solution

Hi Horace,


You can apply CSS only for Service Studio preview using the following convention:


-servicestudio-<Css property Name>: <Property Value> 


Being that said, you can include in your Theme, a CSS instruction like this to make the menu disappear on Service Studio preview:


.menu {

-servicestudio-display: none;

}


I'm not sure if the class you want to apply the style is menu but this is something easy to check and change.


Hope it helps.

Regards,
João