Css code not working on mobile

Hi @ziapy,

This can be fixed with adding an @media tag!

This is a detailed guide on how to work with this here.

For example this could would look something like this:

@media (max-width: 600px){
.llms-question-wrapper .llms-question-text {
font-size: 20px;
}
}

I hope this helps!

Please let us know if you have any further questions!

Thanks and take care,

Hi @ziapy,

Could you send us a screenshot of the CSS Structure with your quizzes so we can provide a more direct code that works with any theme that may be adding style as well!

We have information on how to do this here: https://lifterlms.com/docs/css-structure/

You’ll want to attach any images with services like imgur or google drive!

Please let me know if you have any questions on finding this information!

Thanks and take care,

Hi @ziapy

Thank you for the screenshots!

The media is set up a bit out of order you’ll want something like this:

.llms-question-wrapper .llms-question-text h3 {
font-size: 30px !important;
}
@media (max-width: 780px) {
.llms-question-wrapper .llms-question-text h3 { font-size: 30px !important; }
}

Please adjust the sizes as needed!

Let us know if you encounter further issues!

Thanks and take care,