Hi Alisa,
Happy to help - please copy all your css to backup plain text document on your computer before 'tweaking'.
You should be looking for lines 10 and 12 of your main.css that look like this:
10 #panel-one, #panel-two { width: 50%; }
12 #panel-two { position: relative; left: 0; margin-left: 50%; }
Currently, they're both (in line 10) set to 50% - panel-one is the left of the screen. You'll need to change them to two separate settings rather than using a comma between them which sets them to be the same. Adjust it to be like this:
line 10:
#panel-one { width: 30%; } #panel-two { width: 70%; }
or change the percentage numbers to reflect whatever division you're after - ideally it totals 100%!!!
And then below that change the 'margin-left' figure to start at the edge of panel-one - 30% in from the left side of your screen in my example settings (whatever you set the above panel-one width to):
line 12:
#panel-two { position: relative; left: 0; margin-left: 30%; }
Lastly you'll need to tweak the menu popout to be 30% (or whatever you choose) too, otherwise it'll cover your content. Look for line 59
.w-navpane {width: 50%; (etc.....leave the rest)
and change that to
.w-navpane {width: 30%; (etc.....leave the rest)
That should do it. Hope that helps.
