Hiding toolbar with custom theme shows empty space

[florencedurusquec]

Hello,
 
I am quite new to Qlik Sense, any help from the community is welcome!

We want to hide the toolbar linking back to the hub and the storytelling and maximize the screen space available for our client. To do that we used a custom theme following what we found on the forum: https://community.qlik.com/t5/New-to-Qlik-Sense/hide-worksheet-and-storytelling/td-p/1820071. 

Our custom theme is based on Horizon Sense .json file and we added a .css file containing only this :

ul.qs-toolbar__tabset {
display:none!important;
}

.qs-toolbar {
display:none!important;
}

It effectively hides the toolbar but it doesn't seem to impact the screen size taken by the app as a white space the width of the toolbar appears bellow with a ";" (see red arrows on shared images "CustomTheme_Without" and "CustomTheme_With" ).
 
It affects our end users as the available screen is reduced plus it is unesthetic. Does anyone have a lead on how to correct this issue ? 
 
We use  QSEoW Client-Managed on May 2023 version
 
Thank you for your help on the matter,
Florence

[paulcalvet · Accepted solution]

Hello,

I work with Qlik Cloud version and I have a theme with this : 

.qs-toolbar-container .qs-toolbar {

    display : none;

border-bottom: unset;

    height: 48px;

}

.qv-panel-wrap {

height : calc(100% + 48px);

}

Maybe you can adapt it to on prem version.

Regards,

Paul

[florencedurusquec]

Thank you Paul, it is exaclty what I was looking for!

Best regards,

Florence

[pavod]

Merci Paul, cela fonctionne très bien en version prem aussi

[seanbruton]

Superb helpful solution!