Checkboxes, two columns

Hi @antonmh,

We have some built-in support for this so that’s the first thing to try. Add the option-2-col value to the Additional Classes field in the form builder. This article from our knowledge base explains it: https://yikesplugins.com/support/knowledge-base/bundled-css-classes/.

If that doesn’t work, we can write some custom CSS for you. Just send over the URL to your form.

Cheers,
Kevin.

Hi Kevin

That’s great, it works perfectly on desktop. Is there a way to disable it on mobile view though (as it now looks a bit squashed as showing two columns) so it just renders as one column?

Thanks for your help

following on from my previous message here is a link to the form: https://www.zdswebdev.co.uk/gd-info/

Hey @antonmh,

I wrote some custom CSS to fix the mobile view:

@media (max-width: 650px) {
    .yikes-easy-mc-form label.option-2-col > label {
        float: none;
        width: 100%;
    }    
}

Let me know how that looks to you.

Cheers,
Kevin.

Hi Kevin

Thank you so much for doing that I really appreciate it, it works perfectly.

I put the code in the yikes-inc-easy-mailchimp-extender-public.min.css file as it would not work anywhere else, however where do you suggest would be the best place to add it or should I just leave it there?

Thanks again

Hi @antonmh,

I’m glad it’s working! I would suggest adding this to your theme’s style.css file (or, even better, your child theme’s style.css file). If you can’t do that, then try adding it to your site via the “Custom CSS” section available in Themes -> Appearance -> Customize. These two options are ideal. The issue with adding it to yikes-inc-easy-mailchimp-extender-public.min.css is that a plugin update will wipe your CSS modifications.

If neither of those two are possible, then maybe you can download a plugin like My Custom CSS (https://www.ads-software.com/plugins/my-custom-css/) or Simple Custom CSS (https://www.ads-software.com/plugins/simple-custom-css/).

Cheers,
Kevin.