I need your advice. How is it possible to delete a title of the course and a header block in the course, but at the same time to leave a lesson title in the content block. When I delete the title manually from the lesson, then it is deleted from the sidebar.
Long answer: you can't, in Rise itself. Once a course is published you could manually edit its CSS to hide the header element, but this isn't a change that's fed back to Rise so you'll need to do it every time you republish. Also, obviously Articulate would advise you not to do this; I don't think the example I give below will affect functionality/accessibility, but it's not like I've rigorously tested it.
So, the example:
Download your published course.
Open the zip and navigate to scormcontent > lib > main.bundle.css
Within your text editor, search for .page__header-container and add display:none; inside the curly brackets following the search term.
Save main.bundle.
That's it. If you try to open the course in a browser you should see that lessons no longer have their headers. The element I targeted removes the 'Lesson X of Y', lesson title and inscrutable horizontal line but retains the menu button, so learners can still collapse/expand the menu.
It's not working for me. There are 3x .page_header-container's found, do we put display:none; behind all of them? Any chance you could make a video tutorial? I know many people have requested that Articulate remove the header but we are still waiting. This would be a very valuable workaround.
I've tried this out and while I was able to remove the header content, I can't seem to remove the space where it occupied even when adding "display:none" to all the page_header sections of the CSS script.
Do you have any advice on how to remove the dead while space?
4 Replies
Short answer: you can't.
Long answer: you can't, in Rise itself. Once a course is published you could manually edit its CSS to hide the header element, but this isn't a change that's fed back to Rise so you'll need to do it every time you republish. Also, obviously Articulate would advise you not to do this; I don't think the example I give below will affect functionality/accessibility, but it's not like I've rigorously tested it.
So, the example:
scormcontent>lib>main.bundle.css.page__header-containerand adddisplay:none;inside the curly brackets following the search term.main.bundle.That's it. If you try to open the course in a browser you should see that lessons no longer have their headers. The element I targeted removes the 'Lesson X of Y', lesson title and inscrutable horizontal line but retains the menu button, so learners can still collapse/expand the menu.
Thanks a lot for your response. I will try to do as advised.
It's not working for me. There are 3x .page_header-container's found, do we put display:none; behind all of them? Any chance you could make a video tutorial? I know many people have requested that Articulate remove the header but we are still waiting. This would be a very valuable workaround.
Hi Sam;
I've tried this out and while I was able to remove the header content, I can't seem to remove the space where it occupied even when adding "display:none" to all the page_header sections of the CSS script.
Do you have any advice on how to remove the dead while space?
Anthea