I'd like to preface this forum post, by stating that I am in no way an expert at CSS, the changes mentioned below worked for me, they are not perfect and can still be improved upon. However, it doesn't look too bad and fixes the problems we were experiencing.
One of the problems we were having, was where learners on smaller desktop displays were unable to see the 'Yes' and 'No' buttons on the resume window (See below).
To fix this issue, we performed the following steps:
- Extract the SCORM course contents from the .zip folder
- Go to html5 > lib > stylesheets > desktop.min.css
- Go to approxiamtely line 4040
- Add the following changes:
- The most important change is the 'overflow: visible !important;', this makes sure the buttons are not hidden as the screen size gets smaller
- The rest of the changes are largely optional, they are used to help style the look and feel
- The "Would you like to resume where you left off?" is an SVG, and not a simple
tag, making it more difficult to change.
- Save your changes
- Select all the extracted files and create a new .zip folder
- With the new .zip folder, upload to whatever system is hosting your SCORM course
- The issue should now be resolved, and you should see a resume box like this:
These simple changes should at the very least, stop the buttons being hidden on smaller screens. It probably needs a bit more work, there seems to be a lot of room for improvement, but as a quick fix, this definitely does the job.