@Kim:
1. Since you have uppercase long menu. You have issue like that. You can add the following css in “Appearance => Theme Options => Custom CSS” box.
@media screen and (max-width: 1280px) {
#header-menu ul.menu a,
#footer-menu ul.menu a {
padding: 0 10px;
}
}
@media screen and (max-width: 1100px) {
#header-menu ul.menu a,
#footer-menu ul.menu a {
padding: 0 8px;
}
}
@media screen and (max-width: 1000px) {
#header-menu ul.menu a,
#footer-menu ul.menu a {
font-size: 13px;
}
}
2. That is responsive design. When the container cannot fit in 3 columns, then it will become 2 columns and your left sidebar will be below.
.
