How to use a 1 column grid on mobile

  • Resolved felipegrisales

    (@felipegrisales)


    2 years, 3 months ago

    Hello, im using Poll Maker Pro to have people voting on 4 different categories, on desktop it looks fine, i like having 3 columns to display the options, but on desktop i’d like it to display all options on 1 column, how can i set it up that way?

    The page I need help with: [log in to see the link]

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

    (@hyenokian)

    Dear @felipegrisales,

    Thank you for the topic.

    At the?moment, unfortunately, the plugin doesn’t have a feature so that you can decide how many columns should be on the mobile version.

    By the way, I have?passed your request to our Development Team and they have created?a new CSS code special for you to achieve?your desired?result.?

    Please take this Custom CSS code and insert it into the?Polls > particular poll > Styles tab > Custom CSS option.
    Then, replace?YOUR_POLL_ID?with the corresponding Poll ID (like this div#ays-poll container-3).?
    Do not delete the space after it.
    Do not forget to clear the cache afterward.

    @media screen and (max-width: 640px){
div#ays-poll-container-YOUR_POLL_ID .apm-answers.apm-grid .apm-choosing {
width: 100%;
? ?flex-basis: 100%;
? ?max-width: 100%;
}
}

    Please check this and let us know about the outcome.?

    Thank you.

    Thread Starter felipegrisales

    (@felipegrisales)

    It worked, thank you very much ??

    Plugin Support Jasmine

    (@hyenokian)

    Dear @felipegrisales,

    Thank you for your reply.

    Glad to hear that!

    Enjoy the plugin, and in the meantime, if you have any questions, do not hesitate to open a new topic.

    Have a nice day!

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘How to use a 1 column grid on mobile’ is closed to new replies.