Exit button obscures navigation on mobile browsers

Question

I'm really struggling with the Exit button feature on all mobile browsers and I'm launching a custom LMS for a top tier University in 16 days.

Unfortunately, the EXIT button blocks the "previous lesson" button on all mobile devices. No matter how the button is configured (full width or floating) in the Rise theme, it overlays and makes it impossible to use the "previous lesson" button. Is there anything we can do in our custom LMS to overcome this issue?

adriana-g-o · Answer

blockbenchI cannot see where my dev team is able to affect the "EXIT" button using CSS in the template on Rise360. It is added during the export stage as an add-on, with no ability to customize except the label name, that I can find. It is not feasible for us to edit each CSS file individually once it's downloaded, if that's what you mean. Is there a way to ask my dev to automatically prep the file as it is uploaded, for every file to accomodate for this?&nbsp;&nbsp;What we were hoping to achieve directly in the template so we do not have to adjust a file post-export:Add margin above the "go to previous segment" link so that there's white space on top of it - that way the container with the "EXIT" button will occupy that white space and not obstruct the link.Split the container with the "EXIT" button so that it's not a single container containing both the "hamburger menu" on the left and the EXIT button on the right - rather make it two separate containers containing each of these 2 elements, and position them on the top, but opposite ends horizontally. That way, the hamburger menu will be in the top-left corner, the EXIT button will be in the top right corner, and the area in between will not be obstructed and so the "go to previous segment" link will be visible.

stevenbenassi · Answer

Hi Adriana-G-O!
Sorry to hear the 'Exit' course button is blocking navigation to previous lessons on mobile devices!
I noticed you've opened a support case and connected with my teammate, Robert. As Robert shared, we have this behavior logged as a bug in Rise 360. This bug causes:

When the Exit Course link is enabled, and published to LMS, the top bar partially covers the lesson header when viewed on a mobile browser.

&nbsp;
I've linked this discussion to the bug report so we can notify you as soon as a fix is in place. This bug only occurs when using the Apex theme in Rise 360. As a workaround, we suggest using any other Rise theme, if possible.
Thank you for your patience. I'm sorry if this has been slowing you down!

johnpinkster-19 · Answer

You should look into the Mighty Chrome Extension which adds a Custom Code option directly into Rise360 like you are asking about. This Chrome extension allows you to persist these changes within your course. Then when you publish, your custom CSS or Javascript is automatically added to the zip during the export workflow so you don't have to modify the zip.

Forum Discussion

Exit button obscures navigation on mobile browsers

3 Replies

Related Content

Control Course Navigation in Rise 360

Using Dials to Create Menu Navigation in Storyline 360

Add Interactive Navigation with Button Blocks in Rise 360

Rise 360: Control Course Navigation

Conditional Navigation with Hotspots

Learn

Connect

Discover

Community

Company

Trust Center