[Bug]: Long Titles Overflow in Mobile View: Add Ellipsis for Better Visibility in course structure section

[shivasingh0]

Describe the bug

In the mobile view, long titles are overflowing and are not fully visible. This makes it difficult for users to understand that the title is longer than what's displayed. To improve user experience, an ellipsis (...) should be added to the truncated titles, indicating that there is more content that is not visible.

To Reproduce

1. Go to the website in mobile view.
2. Click on any course.
3. Scroll down to the "Course Structure" section.
4. Open any heading where the content is long.
5. See error: The title overflows and is not fully visible, with no ellipsis (...) to indicate more content.

Expected behavior

Long titles should be truncated with an ellipsis (...) when they exceed the available space in the mobile view. This will indicate to users that there is additional content not visible on the screen. The truncated titles should maintain readability and avoid any overflow or cutoff issues.

Screenshots/Videos

Additional context

• The issue affects user experience by making it unclear that there is more content in the title, which can lead to confusion or missed information.
• Adding an ellipsis to long titles will improve readability and provide a visual cue that more content is available.
• This issue may be present across different devices and screen sizes, so ensuring consistent behavior on various mobile devices is important.
• If applicable, mention if similar issues have been resolved in other parts of the website or if there are existing design guidelines for handling text overflow.

Please checkmark the following checklist

• I make sure that similar issue is not opened

[Arbaz14]

i try to do it but i am unable to find this section in code i know how to do it but i am unable to find webpage in code
i think it is out of our range so

[shivasingh0]

Yah because the code of that LMS portal is not open source. It is hosted on the another sub domain.