css - Bootstrap is overriding my submit button on the form on my website -


rocksaw.com's contact page

alright, having pretty tough time contact form working. using bootstrap framework lay out , each column playing nicely until view site on mobile device; device screen size of 650px , below.

at 650px, far right column breaks "submit" button on contact form, rendering inactive.

i @ loss of or do.

here html of page:

<div class="col-md-12 home-product">      <div class="container a1-container">    <div class="col-md-8 col-md-offset-2 feature-top">      <h1 class="home-heading">contact today!</h1>    </div>    <div class="row">           <div class="col-md-4">         <div class="product-text">    usa <a href="tel:+7202237888"><img src="http://www.rocksaws.com/wp-content/uploads/2015/04/screen-shot-2015-04-13-at-1.10.33-pm.png" width=100px height=50px> </a>  <strong>info@rocksaws.com</strong>  <strong>6295 w. crestline ave.</strong>  <strong>denver, colorado 80123</strong>  <strong>usa</strong>    rock tools, llc. strategically located in denver, colorado service north american market , in brighton, sussex, uk service uk , europe. representatives in germany, turkey, italy, greece, jordan, , peru. can meet rock , concrete cutting requirements anywhere in world.    <iframe style="border: 0;" src="https://www.google.com/maps/embed?pb=!1m14!1m8!1m3!1d3073.417964747176!2d-105.06676300000001!3d39.617792!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x876b7fbab7f275ab%3a0xdf6bc7be355813d8!2srock+tools%2c+llc!5e0!3m2!1sen!2sus!4v1422991724107" width="400" height="400" frameborder="0"></iframe>           </div>  </div>    <!--start of form-->      <div class="col-md-4">      [contact_form_to_email id="1"]     </div>  <!--end of form-->             <div class= "col-md-4">             <strong>agf equipamentos- brazil </strong>  642 betel - paulinia - sp cep: 13148-160  url : <a href="http://agfequipamentos.com.br/site/" target="_blank">http://agfequipamentos.com.br/site/</a>  email: vendas@agfequipamentos.com.br  phone: +55 19 3888-5800    <strong>creighton rock drill ltd.- canada  </strong>2222 drew road  mississauga on l5s 1b1, canada  url: <a href="http://www.creightonrock.com">www.creightonrock.com</a>  phone: 1 (905) 673-8200  fax: 1 (905) 673-8208 / 1 (800) 667-4280    <strong>proxy trade-germany</strong>  toruń  ul. wapienną 6/8  +48 600 913 600  tel. 056 66 01 913  fax. 056 66 23 913    <strong>italy</strong>  mirella sartori  phone: +39 339 607 5402    <strong> verkfaeri ehf- iceland</strong>  gunnar Ólafsson  sales manager  gunnar@verkfaeriehf.is  akralind 3 . 2 hæð  201 kópavogur  iceland  +354-859-9399 mobil  +354-544-4210 office  +354-544-4211 fax  www.verkfaeriehf.is  www.heavyequipment.is  www.lightequipment.is    <strong>vektra-turkey</strong>  haluk devran  oz ankara sanayi sitesi  1420 cadde (eski 28 cadde)  1416 sokak (eski 632 sokak)  no: 19 yenimahalle 06378  ankara  url: http://<a href="http://www.vektra.com.tr" target="_blank">www.vektra.com.tr</a>  email: <a href="mailto:vektra@vektra.com.tr">vektra@vektra.com.tr</a>  phone: +90 532 613 9464    <strong>national attachments llc.- usa</strong>  scotty guimond  gabe guimond  80 dow rd. gorham, me 04038  url : <a href="http://www.nationalattachments.com" target="_blank">www.nationalattachments.com</a>  toll free: (800) 839-9981  phone: (207) 839-9999    <strong>united kingdom</strong>  url: <a href="http://www.rocksaw.co.uk">http://www.rocksaw.co.uk</a>  phone: +44 1273 311 492            </div>   </div>    </div>     </div>  </div>  </div>
here css of page:

@media screen , (max-width: 650px) {    	#header {  		height: auto;  	}    	#searchform {  		position: absolute;  		top: 5px;  		right: 0;  	}    	#main-nav {  		position: static;  	}    	#site-logo {  		margin: 15px 100px 5px 0;  		position: static;  	}    	#site-description {  		margin: 0 0 15px;  		position: static;  	}    	#content {  		width: auto;  		float: none;  		margin: 20px 0;  	}                  	#sidebar {  		width: 100%;  		float: none;  		margin: 0;  	}               }

it because not using col-xs- small devices. example:

<div class="col-md-4 col-xs-12">     <div class="product-text">         ...     </div> </div>

should sort problem.


Comments

Post a Comment

Popular posts from this blog

php - failed to open stream: HTTP request failed! HTTP/1.0 400 Bad Request -

this code i'm using find latitude , longitude of place: function coords($address){ echo $url="http://maps.googleapis.com/maps/api/geocode/json?address=".$address; $json = file_get_contents(urlencode($url)); $data = json_decode($json, true); print_r($data['results'][0]['geometry']['location']['lat']); print_r($data['results'][0]['geometry']['location']['lng']); } however returns warning: failed open stream: http request failed! http/1.0 400 bad request if use above code in simple procedure works fine not in function. note: have tried curl_init()... method produced same result? instead of encoding whole url encode address part. following code work fine $add='jamshoro phase 2'; $url="http://maps.googleapis.com/maps/api/geocode/json?address=".urlencode($add); $json = file_get_contents($url); $data = json_decode($json, true); print_r($data['r
Read more

java - How to filter a backspace keyboard input -

i have code gives message when key number pressed: txtvalueofclause.addeventfilter(keyevent.key_typed, new eventhandler<keyevent>() { @override public void handle(keyevent t) { char ar[] = t.getcharacter().tochararray(); char ch = ar[t.getcharacter().tochararray().length - 1]; if (!(ch >= '0' && ch <= '9')) { system.out.println("the char entered not number"); t.consume(); } } }); now if press on wrong button , press backspace remove it, error message. how can add backspace input if statement? i have found answer: txtvalueofclause.addeventfilter(keyevent.key_typed, new eventhandler<keyevent>() { @override public void handle(keyevent t) { char ar[] = t.getcharacter().tochararray(); char ch = ar[t.getcharacter().tochar
Read more

java - Show Soft Keyboard when EditText Appears -

i have code in android app, alert dialog , keyboard, , when dialog shown want keyboard appear. not , not sure why? here code: final alertdialog.builder alert = new alertdialog.builder(this); alert.settitle("title"); alert.setmessage("message"); final edittext input = new edittext(this); input.setinputtype(inputtype.type_class_number); alert.setview(input); input.setonfocuschangelistener(new view.onfocuschangelistener() { @override public void onfocuschange(view v, boolean hasfocus) { if (hasfocus) { log.i(tag, "in focus"); inputmethodmanager inputmethodmanager = (inputmethodmanager) getsystemservice(context.input_method_service); inputmethodmanager.showsoftinput(input, inputmethodmanager.show_implicit); } } }); but keyboard not appear though edit text in focus, , tell appear why, doesn't come up? thanks in advance.
Read more