Skip to main content

Currently I use Custom CSS in a course to hide the sidebar for testimonial and the share container. However I would also like to hide the learner sidebar that pops up on the left. I inspect the page and it looks like the element is called learner__sidebar. However when I add it in like my other hide codes it does not hide. 

 

Here is what should work:

.learner__sidebar { display: none;}

 

Here is what I have now to hide my other pieces I do not want shown. 

.sidebar__testimonial { display: none;}
.share__container { display: none;}

@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. 

 

Reply


Terms & ConditionsCookie settings