- This topic has 5 replies, 2 voices, and was last updated 5 years, 5 months ago by
.
http://bono.croissanceetconfiseries.com/contact/
On desktop, my contact form looks great. When in mobile, the “Message” field is wider than the phone’s screen. How do I make it adapt itself like the other fields ?
Solution for this topic
Hi @camille2421,
Thank you for your question.
This is happening because you are using below custom CSS code on your website generated by Yellow Pencil editor so please remove the CSS code to make it work fine.
.sh-cf7-body span textarea { position: relative; right: -16px; width: 200%; }Best regards,
Shufflehound teamThank you. I removed the CSS code. Now the message box is a little wider on mobile. Is there a way to make it the same width as the rest ?
Solution for this topic
You can resolve it by adding the following CSS code in the Custom CSS code option of your theme on the below path.
Admin Area -> Appearance -> Theme Settings -> Custom Code -> CSS Code
@media (max-width: 800px){ span.wpcf7-form-control-wrap.textarea-270 { padding: 0 14px; } }Thanks. It worked.
You are most welcome here 🙂
