Bayerand Posted June 28, 2022 Share Posted June 28, 2022 Site URL: https://waterlilywellness.com/intake-form-test Hello! I'm trying to fix the checkbox alignment on the form here. I used code to get the boxes to align horizontally but it's not responsive, so they get wonky on a tablet and phone screen. Here's the code I have now: } .form-wrapper .field-list .field .option {width: 15%;float: left;text-align: left;margin-bottom: 10px;} Appreciate any help on this! Link to comment
tuanphan Posted June 30, 2022 Share Posted June 30, 2022 You can change it to this to disable code on mobile/tablet @media screen and (min-width:992px) { .form-wrapper .field-list .field .option {width: 15%;float: left;text-align: left;margin-bottom: 10px;} } Email me if you have need any help (free, of course.). Answer within 24 hours. Or send to forum message How to: Setup Password & Share url - Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care Link to comment
Bayerand Posted June 30, 2022 Author Share Posted June 30, 2022 That worked beautifully. Thank you so much! Link to comment
Recommended Posts
Create an account or sign in to comment
You need to be a member in order to leave a comment