Forum Discussion
Blank space at top of Rise page
When we publish a Rise module with it set to hide the lesson headers, a large (approx. 1.5 inches) white space appears at the top of the page. We cannot figure out what is causing the blank white space or how to get rid of it so the first block is flush with the top. We have double-checked, and there is no block inserted that would cause the gap. Any ideas what's happening here? I've attached two sample screenshots.
Hi Everyone!
Sorry to hear that you've encountered Lesson Header spacing gaps when publishing from Rise 360!
I'm happy to share that we've released a new update for Rise, which corrects this behavior. There's nothing to install for web-based apps, as new features and fixes are immediately available.
Please let us know if you have any questions about this update or the issue you've reported!
7 Replies
I've never seen anything like that. Other elements have their own class names like "block-text" or "side-navbar" or "lesson-header__row," so if you can find out what the class name is of that blank white space, that may go a ways toward identifying its source. A web item's class name can be found by right-clicking the bar when previewing the course and choosing Inspect from the context menu. That'll open up the DevTools window, showing what class Rise is assigning that block/section.
Does this space still appear when Headers are switched on? This will help determine whether the issue is with the Header or the course.
We are experiencing the same as well, and identified this around the same time as you did Christine. We are following this to see if any fix is identified, and will share if we find a solution as well.
The following non-intuitive workflow solved it for us!
- In your course, go to Theme and then Lesson Headers
- Untick "Hide Lesson Headers"
- Use the first lesson header option
- Scroll down and change the header heigt from "Small" to "Medium"
- Now tick "Hide Lesson Headers"
For some reason, this removed the blank space for us. I hope it solves your issue as well!
I remember seeing this issue in the last couple weeks, when using the option to hide lesson headers left the empty space. I thought that was odd, in the css they were using visibility:hidden which leaves the blank space. But testing today they've changed the css to max-height:0 which affects the geometry. I think this was a bug, which they've quietly fixed as I can't replicate the original issue anymore. Instead of removing the header code altogether they just make it 0px in height, I assume this is for an accessibility concern. But if you are creating your own lesson headers in a block, keep in mind those using a screen reader might be encountering two sets of 'lesson headers' now.
Sorry to hear that you're experiencing this issue with published Rise 360 content.
I see that you're currently working with my teammate Carlo, through a support case. We can continue the conversation there!
Hi Everyone!
Sorry to hear that you've encountered Lesson Header spacing gaps when publishing from Rise 360!
I'm happy to share that we've released a new update for Rise, which corrects this behavior. There's nothing to install for web-based apps, as new features and fixes are immediately available.
Please let us know if you have any questions about this update or the issue you've reported!
