Mobile responsivness

  • Resolved alexander012

    (@alexander012)


    3 years, 3 months ago

    Hi!

    I’m facing issues in mobile responsiveness. It concerns answers with images where the image takes almost all space in mobile, and the text has a tiny area to the right. I’ve inspected the code in Chrome and when I unboxed “max-width: calc(100% – 220px);” it looks good on mobile. However I can’t find a class related to that max-width. Any suggestions how to solve this?

    Regards Alexander

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

    (@hyenokian)

    Dear @alexander012,

    Thank you for the topic.

    I am really sorry about the issue you are experiencing.

    Now, I am sending you a Custom CSS code to fix the width for the mobile version.

    Please insert this Custom CSS to the Polls page > particular poll > Styles tab > Custom CSS option.

    Then, replace YOUR_POLL_ID with the corresponding Quiz ID (e.g. 3). Do not delete the space after it.
    Do not forget to clear the cache afterward.

    @media screen and (max-width: 768px) {
    #ays-poll-container-YOUR_POLL_ID .apm-answers .apm-choosing .ays_label_poll > div:first-child {
    width: 40%;
    }

    #ays-poll-container-YOUR_POLL_ID .apm-answers .apm-choosing .ays_label_poll > div:nth-child(2) {
    width: 60%;
    max-width: unset !important;
    }
    }

    By the way, I would like to mention, that we will surely fix the issue in the upcoming update of the plugin as well.

    Thank you.

    Thread Starter alexander012

    (@alexander012)

    Thank you for excellent service. I’ll purchase pro version right now ??

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘Mobile responsivness’ is closed to new replies.