[Steven Zahm]

@ Ron

Unfortunately, I can not do anything about the submit button on the search form being affected by the theme.

The theme includes this bit of javascript:

/* REPLACE SUBMIT BUTTONS WITH SOMETHING EASIER TO STYLE:) */
$( '#page input[type=submit]:not(.no-replace), #preheader input[type=submit]:not(.no-replace)' ).each( function() {
	var $this = $( this );

	var $a = $( '<a class="button primary small"><span><span>' + $this.val() + '</span></span></a>' );

	$this.after( $a );
	/* Don't remove a submit button, just hide it  */
	$this.hide();

	/* Bind "click" event  */
	$a.click( function( event ) {
		event.preventDefault();

		$this.trigger( 'click' );
	});
});

The only solution would be to comment this section of code out so it does not run, but I do not know what the negative side effect would be for the theme. I do not understand the comment in the theme author’s code about doing this to make submit buttons easier to style. Submit button are plenty easy to style without doing this.

The category select is being affected by the following statement in the theme’s style.css file starting on line 382:

input[type=email],
input[type=password],
input[type=search],
input[type=text],  
input[type=url],
select {
    width:100%;
    max-width:498px;
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    box-sizing:border-box;    		
}

Setting the max-width is causing the Connections category drop down to render in that width. The solution would be to remove that setting. That should be plenty safe to do without an negative effects.

The CSS I gave was specific to that user’s issue and will not have any effect for you.