How to show quiz options horizontally?

The default arrangement of answer options in multiple choice question options type quiz in Learndash is vertical . So, how do you arrange MCQ quiz horizontally? Well , it is easy .But you need to add a set of code.

Code to Add

@media (min-width:600px) {
    .learndash .wpProQuiz_content .wpProQuiz_questionList[data-type="multiple"] {
        display: flex;
        flex-wrap: wrap;
    }
    .learndash .wpProQuiz_content .wpProQuiz_questionList[data-type="multiple"] .wpProQuiz_questionListItem {
        margin: 0 0.5em 0.5em 0;
    }
    .learndash .wpProQuiz_content .wpProQuiz_questionList[data-type="multiple"] label {
        padding: 0.4375em 0.75em;
}

How to Add the code?

Here are steps

• Go to Appearance in Admin
• Click customize
• Click on “Additional CSS” & paste the code
• Save

Watch the Video Demo