Woocommerce shop is not properly displaying on mobile version

[TEJVAN]

https://www.economicshelp.org/shop/ – looks fine on desktop.

However, on mobile view (both safari and Chrome on Apple iPhone X) products are not properly floating, and you have to scroll right to see all products rather than down

[TEJVAN]

Also on mobile, – primary navigation, the word menu does not appear, only a white line.

[David]

Hi there,

can you clear and disable your cache plugin so we can see where the issue is

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/

[TEJVAN]

Hi David. Thanks. I found disabling wp-rocket did solve the problem.

– When I re-enabled it, it broke again.
– Currently, I have disabled wp-rocket for mobile and enabled for desktop – it looks alright on both.

– Question is do you know what in wp-rocket may be causing problems on mobile? As I would like to have cache for mobile

[David]

Caches can play all sorts of havoc if not properly configured. WP Rocket provides this trouble shooting page which will help find the setting causing the issue:

https://docs.wp-rocket.me/article/106-my-site-is-broken

It generally happens when CSS/scripts are combined and/or minified.

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/

[TEJVAN]

Thanks, I’ll take a look

[David]

You’re welcome

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/

[Author]

Posts