Hi, I've been trying to figure this out, and I found a couple of post that almost answer my question but not quite.
I'm using Sugarcube 2 and I've removed the sidebar using
#ui-bar {
display: none;
}
Now I'm trying to shift the text over to the left because it's way in the middle
https://imgur.com/a/DDZS9
I've tried adjusting the margins and I've tried using
@media but I'm clearly doing something wrong. What else could I try?
Comments
The following will actually remove the UI bar and, more importantly, its styles, which are what reserves space for it on the left side of the page: (goes in: Twine 1 – a script-tagged passage; Twine 2 – the Story JavaScript)
n.b. The main passage display area will still be centered within the story content area, which I do not recommend changing, but that's up to you.
note: The SugarCube side-bar can be minimised using the toggle arrow in the top left corner of it, this is also a configuration setting which can be used to make it minimised at the start. If you disable the side-bar completely then people will not be able to save their progress unless you implement your own save/load interface.