Mobile Page Backround Showing White Half-way Down Page

Site Link:

Majestic Locs
https://majesticlocs.com

Using the Simple Grid responsive theme. I believe the problem may be with the image backround and height configuration or perhaps a limitation of the theme itself.

Here is the style.css code for mobile and tablets found in the theme

/* for mobile */

@media screen and (max-width: 480px) {

#main_container { width: 320px;}

#header { padding: 10px 0px; }

.logo { float: none; max-width: 300px; margin: 0 auto; }

.search_cont { display: none; }

#menu_container { padding: 0px 0px; width: 320px; margin: 0 auto; }

#menu_container ul { list-style-type: none; width: 150px }

#menu_container ul li { float: none; }

#menu_container ul li a { padding: 5px 10px; margin: 0 0px 5px; }

#menu_container .cat_menu { border-left: none; float: right; }

#content_container { width: 320px; }

.featured_banner { display: none; }

.featured_banner img { width: 320px; height: 32px; }

.blog_box_cont { width: 300px; float: none; margin: 0 auto; }

.blog_content { float: none; width: 300px; margin-left: auto; margin-right: auto; }

.home_post_box { width: 300px; float: none; margin: 0 auto 25px; }

.home_post_box img { width: 300px; height: 200px; }

.home_post_title_cont { width: 300px; }

.home_post_desc { width: 200px; left: 35px; }

.blog_left { float: none; width: 300px; margin: 0 auto; }

.blog_left .left_content img { width: 300px; height:inherit; }

#commentform textarea { width: 300px; }

#sidebar { display: none; }

#footer { display: none; }

}

/* for tablet */

@media only screen and (min-width: 768px) and (max-width: 959px) {

#main_container { width: 728px; }

#header { padding: 10px 0px; }

#menu_container { padding: 0px 0px; }

#content_container { width: 728px; }

.featured_banner img { width: 728px; height: 72px; }

/*

.home_post_box { width: 230px; }

.home_post_box img { width: 230px; height: 109px; }

*/

.home_post_box { width: 346px; margin-left: 9px; margin-right: 9px; }

.home_post_box img { width: 346px; height: 219px; }

.home_post_box_last { margin-right: 9px; }

.blog_box_cont .home_post_box { margin-left: 0; }

/*.home_post_title_cont { width: 231px; }

.home_post_desc { width: 135px; left: 40px; }*/

.home_post_title_cont { width: 346px; }

.home_post_desc { width: 251px; left: 40px; }

.blog_left { float: left; width: 500px; }

.blog_left .left_content img { width: 500px; height:inherit; }

#sidebar { float: right; width: 200px; }

.footer_widgets_cont { padding: 0 0px 0 0px; }

.footer_box { width: 229px; }

/*

#single_left { width: 500px; }

#single_left .single_content img { max-width: 500px; height: inherit; }

#sidebar { width: 200px; float: right; margin-top: 20px; }

.footer_box { width: 154px; }

.cat_menu_cont { width: 190px; }*/

}

Any help will be greatly appreciated. Thanks