Mobile Grid Breaks

Hello,

In mobile the first and the last image of categories & product grids are not displaying correctly.

See attached images please.

Thank you in advance 🙂

Attachments:

You must be logged in to view attached files.

Hello,

Please deactivate all the plugins not related to the theme and provide your site admin access to the private area as well as the page URL where I can check the problem.

Best Regards

Hello,

it’s impossible to deactivate all the plugins not related to the them, because the website is fully operating and serves ~1000 users daily.

You can find credentials in the private area.

The problem is detected in product and category grids. I posted some example urls in the private area.

Please don’t deactivate any plugins. If you can’t find the problem i can try to create a clone website to one of my demo servers.

Thank you in advance

Hello,

the problem is detected in iOS devices. I’ve tested it on : iPhone 7 / iphone 8 Plus & iphone XS Max (The devices are physical and used by different users)

If you check it here for example : https://responsivedesignchecker.com/ or adjust the size of your browser as you did, you won’t see it. But in the physical devices the problem exists as you can see below :

https://streamable.com/4ora2

The first and last row have only 1 product.

Hello,

Our theme was developed on Bootstrap 4. We are checking the styles and see Bootstrap 3 with floats and clearing styles. The reason may be in your plugins. Create a clone site on staging platform and deactivate the plugins, check the issue and activate them one by one to detect which one causes the problem.

Best Regards

Hello,

finally managed to create the clone site and test.

I found the plugin that causes the problem.

https://wordpress.org/plugins/wc-pickup-store/

As it’s very helpful plugin for our e-shop, because we have 3 different store locations where customers can pickup orders, , is there something i can do or i have to contact the author?

Thank you,

Hello,

Try to contact the plugin support. We do not know how the plugin is built so we can hardly correct this.

Best Regards

Hello,

seems like we managed to fix the iOS grid break problem. As you mentioned the problem was that the plugin was using bootstrap 3.

Posting the solution just in case someone faces the same problem.

Plugint that creates the problem : https://wordpress.org/plugins/wc-pickup-store/

Paste this snippet in the functions.php that removes bootstrap loaded from the plugin :

function custom_dequeue_styles() {
    wp_dequeue_style('wps_bootstrap');
}
add_action('wp_enqueue_scripts', 'custom_dequeue_styles', 99);

You can close this topic.
Thanks!

Hello,

Thank you for sharing the information. If you have any questions please feel free to contact us.

Best Regards

[Author]

Posts