Question Explanation

Same problem ??

Dear @ali0045,

Thank you for the topic.

We checked and noticed?that you are using the MathJax plugin, which adds large equations with long texts to our quiz.
The MathJax plugin gives special CSS codes and HTML tags from its side, due to which, the text break (line-wrap) can’t be performed.

That means, if you insert the same equation out of the Quiz and check the case with the mobile version, you will see that the equation gets out of the screen. The problem doesn’t come from our plugin.

As you can?see in the screenshot below, the CSS for not wrapping the element is set in the <nobr> HTML tag (not to break the specified text) by the MathJax plugin.

See the screenshot below:

View post on imgur.com

Also, the min-width is set for lots of elements?with big sizes.

View post on imgur.com

Due to this, and other similar CSS codes, the explanation text gets out of the box.
For now, we can offer 2 solutions for this case.

1. You can get in touch with the MathJax Plugin Support Team, describe the case to them, and let them suggest a solution for the mobile view.

2. Or, you can use the CSS code written by our Development Team specially for you.
By this, a scroll will be displayed and the element will not get out of the box.
The users can scroll on the mobile view to see the whole equation.

Please take this Custom CSS code and insert it into the Quizzes > particular quiz > Styles tab > Custom CSS option.

Then,?replace?YOUR_QUIZ_ID with the?corresponding?Quiz?ID?(for instance, like this: div#ays-quiz-container-3).
Do?not?delete?the?space?after?it.
Do?not?forget?to?clear?the?cache?afterward.

div#ays-quiz-container-YOUR_QUIZ_ID .ays_questtion_explanation .MathJax_Display { overflow-y: scroll; }

Please check this and let us know about the outcome.

Thank you for your response, Dear @gggggdsfgr.

Please find the answer to your request in the following topic: https://www.ads-software.com/support/topic/quistion-title-explanation/

Thank you.