Hello, I have an issue with the plugin, on a mobile device display when I choose 2 on |Image answers per row| I can see 2 rows on PC display but on mobile just 1 Row, can you help me with a CSS code to get 2 rows on mobile display too.
My website display quiz like this
imgur.com/Pmh54Ir


but i need rusults like this
imgur.com/Hk645mS


My regards

Can you please answer me, admin

Hello,

Open "ARI Stream Quiz -> Settings -> Advanced" page and populate "Custom CSS styles" parameter with the following code:

.asq-theme.asq-theme-buzzfeed .quiz-question-has-image-answer .answer-col-2 .quiz-question-answer-holder {flex-basis: 50% !important}

Regards,
ARI Soft

Thank you admin, it works

hello team,

I am planning to purchase the plugin, but only after I can make this work in mobile device (2 image side by side).

I already try the above solution:
.asq-theme.asq-theme-buzzfeed .quiz-question-has-image-answer .answer-col-2 .quiz-question-answer-holder {flex-basis: 50% !important}

But it is not working. In mobile device, it is still the same as usual.

I try this solution: @media (max-width:768px) {
.asq-theme .quiz-question-answer-image IMG {max-width:150px!important}
}

But it does not make the image placed 2 side by side, it is just the same (one image per row), but just smaller image.

Can you kindly help to recheck whether the correct CSS is still valid in the latest version of the plugin?

Note that I am still using the free version, but once this got resolved, I am planning to upgrade to pro version.

Many thanks!

Hello,

Could you provide a link to a page on your site where we can custom CSS rule? It can be affected by styles from 3rd party plugin/theme.

Regards,
ARI Soft