Reclaim left space after removing menu in Sugarcube2

aprilcot

I'm using sugarcube 2.3.3 and twine2.
I removed the menu by using

#ui-bar {
	display: none;

and tried to move the text back to the left with

body {
	margin-left: 3.5em;
}

But for some reason it doesn't make a difference. It looks the same even if I add/remove the margin-left line.
Thank you for help.

TheMadExile

You're modifying the wrong element. In SugarCube v2.x, you'll want something like the following:

#ui-bar {
	display: none;
}
#story {
	margin: 2.5em;
}

That will still leave some of the media queries from the UI bar's CSS, however, so your best bet is to do something like the following instead: (goes in Story JavaScript)

$('#ui-bar').remove();
$('#style-ui-bar').remove();

That will remove the UI bar and its CSS completely.