Well what is the way to solve it @citynode? I went with that Mobile Pack because I did not know any other way. Any of the products that have the "Select Options" button on the shop page instead of "Add to Cart" is a variable product. All variable products are able to be added to cart and purchased from a computer or tablet, but not a mobile device (with this Mobile Pack).
The only reason I added the Mobile Pack was because without it none of my site could even be seen except the upper most left corner. I'm assuming Woocommerce nor Mystile was resizing my website for mobile devices and this is why this was happening. Mobile devices couldn't even scroll around to see anything more than that left corner.
I tried turning off every plugin besides woocommerce and mystile and once again, I could only see the top left corner so it has to be something wrong with them to begin with, but I have no clue what that could be.
Prior to trying Mobile Theme Pack I tried WPTouch and it DID allow variable products to be added to cart and it DID resize the website so it could actually be seen, but all featured images for products wouldn't show and no resolution was offered from support so I got rid of the plugin.