Maybe this is obvious for some and a non-issue for most but I wanted to document easily referenced fix for input fields that extend outside their DIV.

In your styles.css or other over riding css file insert the following.

.form-item input{
  max-width: 100%;
}

This was useful when using the webform in block especially in a OMEGA custom responsive theme.

Comments

antoinetooley’s picture

antoinetooley commented

amazing just what I was looking for ;)

quicksketch’s picture

quicksketch
he/him
commented
Status: Needs review » Closed (fixed)

Thanks for your input. Hopefully it will be useful to other Googlers.

tejaspmehta’s picture

tejaspmehta commented

indeed it helped googlers.

Thanx

memoo’s picture

memoo commented
Issue summary: View changes

Or if you want the input field to have full width:

.form-item input { 
  max-width: 100%; 
  width: 100%; 
  }