Tel field not adjusting to screen size

  • Hi I am not sure if this is a problem with your plugin or CF7 so I have posted a similar topic in the CF7 forum. All field sizes are adapting to screen size except the tel field. This is my code: 

    <div class="row">
		<div class="col-sm-6" style="padding: 5px;">
			[tel* phone-num minlength:11 placeholder "*Enter Phone Number"][/tel*]
		</div>
		<div class="col-sm-6" style="padding: 5px;">
			[email* email placeholder "*Enter Email Address"][/email*]
		</div>
	</div>

    I have another responsive non bootstrap site using CF7. This is the code around the tel field:

    <div style="float:left; width: 100%; margin-bottom: 10px;">[tel* phone-num minlength:11 placeholder "*Phone Number"]</div>

    and this does adapt – so the issue is bootstrap but is this a CF7 bug or a bug with your plugin?

    Regards

Viewing 1 replies (of 1 total)
  • Plugin Author Felix Arntz

    (@flixos90)

    Hey there,

    I just tried your code, but everything works fine for me, the tel field scales. So it seems to be there is something in your setup, possibly a CSS rule that is overriding it and causing the issue to occur for you.

Viewing 1 replies (of 1 total)
  • The topic ‘Tel field not adjusting to screen size’ is closed to new replies.