Hi @maplesyrup,
I’ve performed some cross-testing for us today on several of my sites which have the latest versions of WordPress, WooCommerce and our free [Storefront](https://wordpress.org/themes/storefront/) theme as the only enabled software. When doing so I’ve not been able to replicate the behaviour which you describe with smartphone devices displaying content as you have described.
https://woostaging.mystagingwebsite.com/
From what you have described, it could be code from another plugin or custom CSS/PHP which has caused a possible conflict and affected the design layout of Storefront.
To see if that is the case we’d suggest carrying out a conflict test on your site by disabling all other plugins aside from WooCommerce along with switching to a theme like [Storefront](https://wordpress.org/themes/storefront/). Carrying out this testing will help with trying to and locate any software you have installed, which could be causing this behaviour? You can use a free plugin called [Health Check and Troubleshooting](https://wordpress.org/plugins/health-check/) to carry out such testing by using the plugins troubleshooting mode.
When in Troubleshooting mode all plugins will be deactivated, and only the admin of the site carrying out the troubleshooting would see those changes. Any customers visiting the site would see no changes at all.
Once you have disabled all other plugins and switched theme if the behaviour is resolved, you can then enable your theme and sites plugins testing after each one is enabled until the behaviour returns to locate the culprit.
https://docs.woocommerce.com/document/how-to-test-for-conflicts/
Thanks Stuart. Ok I have narrowed it down to the Storefront PowerPack that is installed (removed all css, ph and disabled plugins and it the PP was the last one I turned back on and it made the fault) but I have no idea what in the powerpack would affect this. Any idea?
ok I have found there was accidentally a margin put in the content area
