Remove quiz container left and right margins on mobile

  • Resolved isMail ElFa

    (@ismail-elfa)


    9 months, 3 weeks ago

    Hello,

    Is there any styling option that enables me to remove the left and right margins or make the quiz container width 100% on mobile?

    P:S: Quiz max-width for mobile?option is left blank for 100% value.

    This is a screenshot for a better understanding, I’d like to remove the empty spaces in red of the quiz and make it align with the article container (like in bigger screens than mobile):

Viewing 7 replies - 1 through 7 (of 7 total)
  • Plugin Support Jasmine

    (@hyenokian)

    Dear @ismail-elfa,

    Thank you for your topic.

    For further investigation of your case, we would like to ask you to provide us with the link where the given quiz is located.

    Please, make sure to open the quiz for the guests.

    Looking forward to hear from you soon.

    Thank you.

    Thread Starter isMail ElFa

    (@ismail-elfa)

    Hello,

    Thank you for your prompt reply. Here you go: https://selfiequiz.com/play/history-quiz-for-sharp-minded-people/
    Remember these left and right margins only appear on mobile devices.

    Plugin Support Jasmine

    (@hyenokian)

    Dear @ismail-elfa,

    Thank you for your response.

    Our Dev Team has written a new CSS code to help you achieve your desired result.

    Please take the following CSS code and insert it into the Theme > Customize > Additional CSS.

    @media only screen and (max-width: 768px){
    div.ays-quiz-container [id^="ays_finish_quiz_"] div.step div.ays-abs-fs {
    width: 100%;
    }
    }

    Please check this and let us know about the outcome.

    Thank you.

    Thread Starter isMail ElFa

    (@ismail-elfa)

    It works like a charm. Thank you for your help. Much appreciated.

    Plugin Support Jasmine

    (@hyenokian)

    Dear @ismail-elfa,

    Thank you for your response.

    Glad to hear that everything works fine for you now.
    If your query is resolved, please take a moment to rate and review the plugin or support.

    Many thanks in advance!

    Thread Starter isMail ElFa

    (@ismail-elfa)

    Done, thanks for the great support.

    Plugin Support Jasmine

    (@hyenokian)

    Dear @ismail-elfa,

    Thank you for your reply and?wonderful?review.

    We are thrilled that you loved your experience; our staff will definitely be happy to read what you wrote.
    We put customer experience and satisfaction as our?highest priority, and your?review?reaffirms the hard work we put in every day.

    Have a nice day!

Viewing 7 replies - 1 through 7 (of 7 total)
  • The topic ‘Remove quiz container left and right margins on mobile’ is closed to new replies.