Quiz questions display error on mobile and tablet

[plantillascesar18]

Hello everyone, I am having problems in the visualization of the quiz questions on mobile phones and tablets. Video on mobile: https://youtu.be/Bmpxc5VRzzg Video on tablet: https://youtu.be/8zGU8MBsqnA ************* In previous months I had the same error in the visualization of the VIMEO videos, and I used this error that you recommended in a topic: .course_content_content_wrapper .course_content_content { position: relative; padding-bottom: 56.25%; padding-top: 35px; height: 0; overflow: hidden; } .course_content_content_wrapper .course_content_content iframe { position: absolute; top:0; left: 0; width: 100%; height: 100%; } Please make sure that the solution does not affect the visualization of the videos.

[plantillascesar18]

This reply has been marked as private.

[Anshuman Sahu]

I checked your course and the content in your unit .We recommend wrap the ifrmae code in the [iframevideo][/iframevideo] shortcode like this : [iframevideo]<iframe src="https://player.vimeo.com/video/479090273" width="1000" height="570" frameborder="0" allowfullscreen="allowfullscreen"><span data-mce-type="bookmark" style="display: inline-block; width: 0px; overflow: hidden; line-height: 0;" class="mce_SELRES_start"></span></iframe>[/iframevideo] this is in V3 , In V4 we have different type of dedicated video unit type in which you add vimeo url directly and it renders the video in course status . But however for the time being you can add this code in your wplms-customizer.php file in wplms customizer plugin :

add_filter('bp_course_api_get_user_single_quiz_data',function($data){
  $data['content'] .= '<style>.course_content_content_wrapper .course_content_content{ padding:initial; height:auto; overflow: initial; } .course_content_content_wrapper .course_content_content iframe{ position:initial; }</style>';
  if(!empty($data['meta'] ) && isset($data['meta']['completion_message']) ){
    $data['meta']['completion_message'] .= '<style>.course_content_content_wrapper .course_content_content{ padding:initial; height:auto; overflow: initial; } .course_content_content_wrapper .course_content_content iframe{ position:initial; }</style>';
  }
  return $data;
});

[Author]

Posts