After updating several of our sites to the new LearnDash 3.0 we found that most of our videos that we had embedded were being pushed down and out of sight behind the continue buttons.

Content Display Pushed Down

We noticed this issue on several of our sites using the Divi theme. I am not sure if this issue is isolated to Divi, but we were able to fix it with just a little CSS code added to our theme.

.learndash .learndash-wrapper .ld-video {
  position: static;
  padding: 0px;
  height: inherit;
}

After applying that CSS, all our videos were correctly positioned on the page.

Corrected Positioning of Video Player

If you are having any video positioning issues after updating your WordPress LMS to LearnDash 3 maybe this can help you out.

Share This