- This topic has 1 reply, 2 voices, and was last updated 10 years, 5 months ago by
.
-
Posts
-
Hi I have eleven40pro theme and i'm trying to use contact form 7 on my contact page.
which works except the form was really wide on my initial contact page on a desktop so i used some css to reduce the width by 50% that worked but then on a mobile the form fields which were now reduced by 50% we tiny.
I then tried adding some code as seen below so that it would set the width to 100& on a mobile, but that bit doesn't seem to be working.
Anyone any ideas?
I've gone through this tutorial https://wordpress.org/support/topic/form-field-width-desktop-and-mobile?replies=2#post-6243400 but can't find anything to help.
/* Contact From 7
------------------------------------------------------------ */
input[type="text"],
input[type="email"],
textarea
{
background-color: #fff;
color: #000;
width: 50%;
}
http://newedgemarketing.com.au/contact/
@media only screen and (min-width : 240px) {
.wpcf7-textarea,
.wpcf7-text {
max-width: 100%;
padding: 10px 1px !important;
}
}
- The forum ‘Design Tips and Tricks’ is closed to new topics and replies.