Geo-Complete widget: Stop dynamic resizing of width

My Geo-Complete field keeps shrinking when I enter data and the full address gets cut off. Is there a way to fix this via CSS?

Replace the CSS for your geo-complete widget with this:

#geocomplete {

min-width: 500px !important;

max-width: 500px !important;

height: 20px;

border: 1px solid rgb(204, 204, 204);

background-color: #fafafa;

font-size: 17px;

}

@media only screen and (max-width: 400px) {

#geocomplete {

width: 90% !important;

}

}

How-to-Inject-CSS-Codes-to-Widgets

Here we specify the field to be 500 pixels wide on desktop view.

And 90% wide on mobile devices (under 400 pixels wide).

Thanks so much! Totally worked!
...