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,

No it is working, after adding @media
the code also not working on desktop.

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,

Please find the screenshot by following below link
https://paste.pics/B3YBB

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,

Since I haven’t heard back from you in a week I’m going to mark this thread as resolved. Don’t worry, if you have more questions or still need help just hit reply and let me know!

Have a great day!