How do I improve this TemplateMonster template for mobile browsers

Hello forum

The theme I have installed is not optimized for mobile browsers, but I am trying at least to make it look nicer than it is now.

So here is link to my site http://70.39.248.214/~madata5/index.php?main_page=index

It opens normally in all desktop browsers, but when you open it in mobile device footer looks like is not stretched on full screen like header

So footer and body background image is not stretching to the end of the browser

Please see attached image

thanks

You are using a template monster template
You can search for them here and see all the ways they break normal Zen Cart functionality.
You will have to contact them for a solution

you have html validation errors. i would resolve those prior to attempting to fix this problem.

got to:

https://validator.w3.org/

and get those errors addressed. once addressed, i think your problem may be fixed by placing

html, body {
width: 100%;
}
in your CSS file.

good luck.