@charles.zimmerman I thought of you when I was positing this? Any ideas?

@grace.filkins So you want to hide TOC in a course ?  It will look like this.  And then now you will have to add some more CSS if even possible to fill in what looks like is missing.

@grace.filkins Try this.  You were super close.  

.learner__sidebar.__web-inspector-hide-shortcut__ {

    display: none;

}
 

This is interesting.  When applied, that CSS I posted above just centers the content window and hides the default expanded nav so that it now behaves as if a mobile device with a folded nav.  I kinda like it.  

@charles.zimmerman that is perfection! I am going to give it a try. 

SO I had to change up my code just a bit to make it work, but now I have to figure out how to stretch the content window. 

Grace, would you mind sharing the CSS that you used to make the change? Did you figure out how to stretch the content window?

​@DeeCee  Try instead of view equals 100% try 100vh and 100vw.   This says stretch to fill full view port vs stretch to 100% of Ti’s prescribed flexbox.

​@charles.zimmerman and ​@DeeCee here is the code I used. It is not perfect but I found it helps fill the screen more. 

.learner__sidebar{ display: none;}
.learner__container__toggle{ display: none;}
.learner__content{height: 100%;
            width: 100%;}

Without the height and width code: 

With the code: 

Thanks both. I’ll let you know if it works!