course progress bar messed up after 3.1.5

@nataska,

Sorry about that, I tested this in every browser / os combination I could think of because I got tired of the endless grind of theme compatibility with the positioning methods we were using here

What browser & os are you seeing this issue in? Does it happen in other browsers on your site?

FYI: We switched to flexbox for the positioning here, flexbox is supported in all current browsers: https://caniuse.com/#feat=flexbox

The partial support in IE11 didn’t appear to be an issue via my testing so I felt it was acceptable to ship.

• This reply was modified 8 years, 3 months ago by Thomas Patrick Levy. Reason: flexbox link

I can understand how frustrating it is! ??
I can see it in Firefox and Explorer (haven’t tested with Chrome) and it shows with the overlap both on the widget and on the main course page.
You can try it for yourself, I have a free course you can enroll if you want to see how it looks: https://gameartunboxed.com/course/intro-3d-modeling-games-3ds-max/

The site is working with a Generate Press theme.
I have some custom .css for LifterLMS to change the course progress bar color, do you think that could be the problem? I basically copied the .css that comes with Lifter and changed the colors to what I wanted, copy-pasted that into a custom .css.

• This reply was modified 8 years, 3 months ago by Nataska.

Hi Nataska,
I’m not sure if this will work, but could you try

.llms-progress .llms-progress-bar { 
   position: relative;
}

I took a quick look & it seems to be set to position: absolute; at the moment. It might need to have !important;

.llms-progress-bar .llms-progress-bar {
position: relative !important;
}

Changing to relative did the trick, thanks so much Loralee! ??