Responsive version scrambled

Hi there,

I am running Enfold (with Woocommerce) and have found that the mobile version does not work responsively. The site looks great on full screen, and aside from the logo overlapping with the menu (#problem for another thread) it even works nicely when the browser is pulled small, but on tablet and phone – I’ve tried several brands and designs – the site is scrambled and images are being thrown all over the place. When I reload the site several times, it might come out looking okay a few times, and then back to being scrambled. Very inconsistent and unpredictable.
The site is http://www.africanaperture.co.za

This is a running e-commerce business so the problem is fairly urgent!

Thanks for your help!
Kind regards