Sidebar blijft niet staan

Hallo,

Ik ben bezig met mijn website en gebruik een Twenty Thirteen theme CHILD theme:
http://test.jbsystemsonline.nl/

Probleem 1:
Op iedere pagina staat een sidebar met daarin een aantal gegevens. Het probleem is als ik echter de pagina kleiner maak (dus schuiven met de schuifbalken) dat deze sidebar steeds naar beneden schiet? Dit is zowel met Firefox, IE en op de smartphone.

Probleem 2:
In de navbar staan 3 knoppen netjes naast elkaar. Als ik de pagina kleiner maak (smaller) dan veranderen deze knoppen ineens in een drop down menu? Dit wil ik niet, ik wil de knoppen gewoon blijven houden.
Dit is zowel met Firefox, IE en op de smartphone.

Ik ben met bovenstaande punten al een hele tijd mee bezig maar kan nog steeds geen oplossing vinden. Hopelijk kan iemand mij hierbij helpen. Alvast bedankt.

P.s. mij style.css ziet er zo uit:
————————————————–

/*
Theme Name: Twenty Thirteen Child
Description: Twenty Thirteen Child Theme
Author: Twenty Thirteen Child
Template: twentythirteen
Version: 1.0.0
*/

@import url(“../twentythirteen/style.css”);

/* =Theme customization starts here
————————————————————– */

/* Determine size of the page and disable scrolling */
#page {
margin: 2em auto;
max-width: 1000px;
min-width: 1000px;
text-align:left;
border-radius: 10px;
}

/* Header image */
.site-header .home-link{
background-image: url(img/banner.jpg);
margin: 0 auto;
padding: 0;
max-width: 1000px;
height: 120x;
min-height: 120px;
background-repeat: no-repeat;
background-position:center;
border-radius: 10px;
}

/* Edit the body text */
body {
background: #111;
color: #444;
font-family: Helvetica, “Times New Roman”, Times, serif;
font-size: 12px;
width: 1000px;
width: 100%;
margin: auto;
text-align: left
}

h1 {
font-family: Helvetica, “Times New Roman”, Times, serif;
font-size: 20px;
font-style: normal;
font-weight: 500;
}

/* Edit the menu-bar*/
.navbar {
background-color: #BDBDBD;
font-size: 15px;
bottom: 0;
margin: 0 auto;
max-width: 1000px;
width: 100%;
}

/* Edit the menu-bar*/
.nav-menu li a:hover {
background: #BDBDBD;
color: white !important;
color: red;
font-family: arial;
font-size: 14px;
border-radius: 10px;
}

/* Hide the search box*/
nav form {
display: none;
}

/* Edit the footer */
#colophon {
text-align: center;
clear: both;
font-size: 11px;
padding: 0;
margin: 0 auto;
height: 50px;
width: 1000px;
color:#000000;
background-color: #BDBDBD;
width: 100%;
border:none;
padding-top: 18px;
border-radius: 10px;
}

/* Edit the side-bar*/
#text-4 {
float: right;
width: 60px;
width: 50%;
text-align: left;
margin: auto;
padding-top: 0px;
font-family: arial;
font-size: 12px;
background-color: #FFFFFF;
padding-bottom: 0px;
border: 1px solid #000000;
border-radius: 10px;

}