Hi @chariztma
Thanks for reaching out!
I understand that you would like to make your site mobile-friendly, correct?
The overall design of your site is being handled by your theme so ensure that you are choosing and using the right theme for your site.
Ensure that there are no conflicts between plugins and your theme that might be the cause of your issue based on the screenshot you provided above.
For us to investigate this further, can you please try to switch to the default Storefront theme and only WooCommerce plugin is enabled and see if this works?
If so, then this kind of problem is usually caused by your theme or a third-party plugin present on your site. We can run a conflict test to verify this. I’d recommend cloning your site to a staging environment and performing the tests described on this guide without modifying your live site or impacting customers. Many hosts provide staging facilities, so it’s worth checking in with them. It’s also possible to do it using the free WP Staging plugin.
If this was caused by a third-party plugin present on your site, it would be best to reach out to the developers for further assistance here.
If this did not resolve the issue, please share your System Status Report, that will help us further troubleshoot.
You can find it via WooCommerce > Status. Select Get system report and then Copy for support. Once you’ve done that, you can paste it into your reply here.
If you could also provide the fatal error logs (if any) under WooCommerce > Status > Logs.
You could copy and paste your reply here or paste it via https://gist.github.com/ and send the link here.
Let us know how it goes!
