Bayerand Posted June 28 Share Posted June 28 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
0 tuanphan Posted June 30 Share Posted June 30 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
0 Bayerand Posted June 30 Author Share Posted June 30 That worked beautifully. Thank you so much! Link to comment
Question
Bayerand
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
Top Posters For This Question
1
2
Popular Days
Jun 30
2
Jun 28
1
Top Posters For This Question
tuanphan 1 post
Bayerand 2 posts
Popular Days
Jun 30 2022
2 posts
Jun 28 2022
1 post
2 answers to this question
Recommended Posts
Create an account or sign in to comment
You need to be a member in order to leave a comment