• Resolved winningexpo

    (@winningexpo)


    How can I make the quiz display full width on PC or to adjust perfectly according to the size of my device?

Viewing 4 replies - 1 through 4 (of 4 total)
  • Plugin Author ays-pro

    (@ays-pro)

    Hi Dear @winningexpo ,

    Thank you for the topic.

    We wrote a custom CSS for you.
    Please copy the following CSS and paste it into the Custom CSS field of the given quiz. ( Quiz Maker → Quizzes → the given quiz → Styles tab → Custom CSS)
    Please note to change the YOUR_QUIZ_ID to the given quiz ID of yours, for instance, 2. Do not delete the space after it.
    Do not forget to delete the cache afterward.

    body{
            overflow: hidden;
        }
        div#ays-quiz-container-YOUR_QUIZ_ID {
            position: fixed;
            left: 0;
            top: 0;
            z-index: 9999999999999;
            max-width: 100% !important;
            min-height: 100% !important;
            width: 100%;
            height: 100vh;
    	margin-top: 0;
    	padding: 0;
        }
        div#ays-quiz-container-YOUR_QUIZ_ID form{
            width: 100%;
            height: 100vh;
            overflow: auto;
            overflow-x: hidden;
            overflow-y: scroll;
        }
        div#ays-quiz-container-YOUR_QUIZ_ID .step {
            min-height: 100vh !important;
        }
    

    Please let me know about the outcome.

    Thank you.

    Thread Starter winningexpo

    (@winningexpo)

    Thanks for your response. It worked perfectly, but removes my header and footer whenever I start the quiz. I want my users to be able to take the quiz without removing my header. Also, is it possible for me to display the username of the user taking the quiz?
    How can I display my quizzes in tabs? For instance, if a user is taking 3 subjects (Physics, Mathematics and Chemistry) with each subject having 40 questions. How can I display the three subjects in tabs for easy navigation? Thanks.

    Plugin Author ays-pro

    (@ays-pro)

    Thank you for your reply, Dear @winningexpo .

    Regarding the header and footer, please note that it is not up to us. It is connected with your theme structure.

    As far as I understand the second question, you ask about the Navigation bar functionality.
    Unfortunately, the plugin does not have the functionality yet.

    I will let you know if there is an update concerning it.

    Have a nice day!

    Plugin Author ays-pro

    (@ays-pro)

    Thank you for your patience, dear @winningexpo.

    We are thrilled to announce, that a new update of the Quiz Maker premium plugin has been released!
    We have added one of your suggestions. Now you can use the Navigation bar option for the quizzes!

    Please contact us via this form for premium support. Our customer care specialists will always be happy to help you.
    Commercial products are not supported in these forums.

    Thank you!

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘Quiz maker responsiveness’ is closed to new replies.