- This topic has 5 replies, 2 voices, and was last updated 2 years, 8 months ago by
.
Hi team,
I’ve tried to center my form which seems good at a glance (veerview.com) but both the form fields seem a bit skewed, especially in the mobile view (even though it centers pretty well when I minimize the size of my browser window).
Can you please advise the best way to center this within the mobile view? Thank you very much!
Hi @tjgott,
I hope you are well today and thank you for your question.
You can try to align it using the Yellow Pencil editor in responsive mode as described on the below page.
https://yellowpencil.waspthemes.com/docs/responsive-tool/
Best regards,
Shufflehound teamThank you. So while I was able to get it more centered in the regular full window view, it’s now even more disoriented with the minimized window or mobile view. With that said, is there any way you can advise me to get it back to the way it was or how to get it responsive in all views and centered? Thanks for your time, I appreciate it.
Solution for this topic
To align it on mobile, you can add the following CSS code in the Custom CSS code option of your theme on the below path.
Admin Area -> Jevelin -> Theme Settings -> Custom CSS/JS -> CSS Code
@media (max-width: 992px){ #cf7-966 form.wpcf7-form.init { padding: 0; left: 0; } #cf7-966 form.wpcf7-form.init .col-md-6 input.wpcf7-form-control { left: 0 !important; margin: 0 auto !important; } }that actually did the trick I think thank you!
You are most welcome here 🙂
