Very irresponsive on Mobile (specially with different screen sizes)

[livayahurd]

Hi team,

We’ve recently updated our Eduma theme to the latest version but this issue also affects the older version.

For some reason, when viewing on mobile with a smaller screen, the elements of the page are NOT responsive.
Sometimes they are not interactive either (for example: unable to click on links or view videos).

A little background about our website:
– We provide courses to students who sign up and register to watch educational videos.
– Once a student signs up for a course, they are automatically navigated to the course page.
– Inside the course page, the left side shows a list of videos for the course and a video on the right side.

The issue:
– The elements of the page on mobile view are displayed incorrectly and sometimes they’re not interactive (cannot click on links or play the video)

Screenshots:

1. The image below shows the course page with a video and the left side looks empty

2. On a phone with a bigger screen, the contents are shown, but they’re not clickable. And the contents are not properly arranged on screen.

3. A short screen recording below to demonstrate the issues
https://i.imgur.com/YkYtjqd.mp4

https://i.imgur.com/vBqFAd3.mp4

Could you please advise on what we can do to fix this?
This is urgent as the customers are constantly online and are waiting for this issue to be resolved.

Thank you in advance and looking forward to your reply.

[Author]

Posts