Neaten content — different widget or CSS change?

You could add this to your CSS:

div.textwidget {
    max-width: 250px;
}

You would probably want to make sure that’s above your media query rules so that it doesn’t affect the formatting of your page on smaller screens.


I used Chrome’s developer console to find out how wide the text inputs are and to find the class of the widget that you wanted to change. You can learn more about Chrome DevTools here.