RsForm Pro breedte invoerveld op smartphone

Hallo Allemaal,

In RsForm Pro heb ik de breedte van de invoervelden dmv addditionele atributen ingesteld op style="width:42.8%;".
Echter wanneer ik op mijn samsung S5 naar het inschrijfformulier ga zijn de invoervelden te smal, logisch ook want hij zal dan 42.8% van mijn scherm zijn.

Kan ik deze breedte ook specifiek voor smartphone instellen ergens? Dat hij tot een bepaaalde schermgrootte een andere waarde pakt van bijv 65%?

groetjes Martin

Zoek even op media quiries

Die mediaquery moet je wel in de CSS (of LESS) aanpassen en niet in additionele atributen. Heb je misschien een link dat we even kunnen meekijken?

Sorry voor de late reactie. Maar hierbij de link

Het gaat om het inschrijfformulier van een evenement. Deze invoervelden zou ik graag op een smartphone wat breder maken.

Kan dit in mijn custom.css aangepast worden?

Bootstrap bepaald hier de breedte van de velden met deze code:
Als je deze in je custom.css zet met bijvoorbeeld de volgende code moet het goed gaan:

ik heb bovenstaande code in mijn custom.css gezet, alleen nu is het invoerveld op een desktop te klein. Hier pakt hij (logisch ook) ook de minimale breedte van 400px.

Is het ook mogelijk om dit voor desktop en telefoon apart in te stellen? Die 400px lijkt overigens op een telefoon wel prima!

Het handigste is je even te verdiepen in zgn media qquiries:

www.w3schools.com/cssref/css3_pr_mediaquery.asp

Daarmee kan je per viewport breedte instellen welke css geldig is.