You could either add word-wrap: break-word;
to the .genesis-nav-menu .sub-menu a
in your css –
.genesis-nav-menu .sub-menu a {
background-color: #222;
font-size: 12px;
padding: 20px;
position: relative;
word-wrap: break-word;
width: 200px;
}
Or you could increase the width in that same code above ^
There are a lot of tutorials out there for adding search to your menu. If you do a Google search you’ll see some pop up.
Here are a couple –
http://my.studiopress.com/snippets/nav-extras/
http://wpsites.net/web-design/3-ways-to-customize-genesis-search-form-input-box-button/
http://www.petersenmediagroup.com/genesis-framework/adding-simple-social-icons-search-form-genesis-menu/