We use cookies to make HubSpot's community a better place. Cookies help to provide a more personalized experience and relevant advertising for you, and web analytics for us. To learn more, and to see a full list of cookies we use, check out our Cookie Policy (baked goods not included).
Sep 9, 2019 5:16 PM
The mobile version of this page (the form that's on it) has the check boxes and radio buttons aligned on top of each category instead of next to them. Wondering if anyone knows how to align them to the left of each option to mimic the desktop version of this form? See the page here: https://www.eojohnson.com/non-sales-lead-contact-form
Solved! Go to Solution.
Sep 21, 2019 7:40 PM
Apologies for the delayed reaction @sarahg1
Here's a snippet of CSS that should fix it:
@media (max-width: 650px) { .cst-bdy-cnt-grp .page-center.content-wrapper .hs-service-r1-flexi form .hs-form-checkbox-display .hs-input { margin: 8px 5px 0; width: auto !important; } }
You can add this code snippet to your page or your global CSS (if you have other forms).
Please let me know if you want help with this.
Mike
Sep 10, 2019 9:21 AM
Hi @Mike_Eastwood,
Looks like you may have solved something similar in a previous post, but that solution isn't working for me. Any thoughts on this one?
Thanks
Sep 21, 2019 7:40 PM
Apologies for the delayed reaction @sarahg1
Here's a snippet of CSS that should fix it:
@media (max-width: 650px) { .cst-bdy-cnt-grp .page-center.content-wrapper .hs-service-r1-flexi form .hs-form-checkbox-display .hs-input { margin: 8px 5px 0; width: auto !important; } }
You can add this code snippet to your page or your global CSS (if you have other forms).
Please let me know if you want help with this.
Mike
Sep 26, 2019 3:31 PM
Thank you, @Mike_Eastwood!! It worked perfectly. Is there a similar snippet we could use to apply the same affect to the radio button question near the bottom of the form?
Sep 28, 2019 9:19 PM
Hi Sarah, looks like you worked it out!
Nice work
Mike
Sep 30, 2019 10:18 AM
Thanks for your help!!