Forum Discussion
Empty space below Image & Text block in mobile
We've noticed there is an empty space below the Image & Text block when its resized for mobile. Normally this wouldn't be a huge issue but because we've added a background colour each block (to imitate a background colour for the entire course) it shows up as a white empty space.
Any solutions to this? Looking at the source code, the space doesn't belong to the Image & Text block div, although it appears below it every time.
Thanks!
3 Replies
More context. Appears it's actually is an issue with lists.
Hi WilestePotgiete!
It sounds like your Rise 360 course isn't displaying as expected, during mobile preview!
Using a sample course, containing a Bulleted List Block, and an Accordion Block, I tried to replicate the design from your screenshot. With the background color hex code set to E8F6AD, I did not observe any gap when testing the mobile output in Google Chrome, or Firefox.
To help me understand your setup a little better, I'd like to ask:
- Which browser are you working with, and does the same behavior occur across multiple supported browsers?
- Does clearing your browser's cache make any improvement?
- Which Rise 360 theme have you chosen for this course, and does the problem arise regardless of which theme is selected?
Looking forward to hearing from you!
Hi Steven,
Thanks for looking into it. To answer your questions:
- This problem occurs during the mobile preview when using Chrome, its published form on the LMS using Chrome, as well as its published form on the LMS's iPhone app.
- No, it does not. We've tested with different users and devices and it still persists.
- The theme is Apex. I'll update you when I test out the theme change.
Thanks again for your hard work.
