Forum Discussion

Adriana-G-O's avatar
Adriana-G-O
Community Member
2 months ago

Exit button obscures navigation on mobile browsers

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?

 

  • blockbench's avatar
    blockbench
    Community Member

    The Exit button should not overlap the previous lesson button on mobile browsers. You can adjust the positioning using CSS or reduce the button's size for mobile screens. If needed, you can also use media queries or JavaScript

    • Adriana-G-O's avatar
      Adriana-G-O
      Community Member

      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?  

      What we were hoping to achieve directly in the template so we do not have to adjust a file post-export:

      1. 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.
      2. 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's avatar
        StevenBenassi
        Staff

        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.

         

        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!