PluginUs.Net - Business Tools for WooCommerce and WordPress

[realize your idea - make your dreams come true]

Support Forum

You need to log-in to create request (topic) to the support

Display problem when using the filter on mobile phone

The support doesn work on Saturdays and Sundays, so some Friday requests can be answered on Monday. If you have problems with registration ask help on contact us page please
If you not got email within 24~36 business hours, firstly check your spam box, and if no any email from the support there - back to the forum and read answer here. DO NOT ANSWER ON EMAILS [noreply@pluginus.net] FROM THE FORUM!! Emails are just for your info, all answers should be published only here.
The support doesn work on Saturdays and Sundays, so some Friday requests can be answered on Monday.
Hippolyte(@hippolyte-2)
12 Posts
Customers
June 7, 2021, 01:35

Hello,

Since few days, using the filter disturb the display of the products on my website : http://www.the97shop.com

Before using the filter, the products are correctly aligned like you can see here : https://ibb.co/3hD9R52

After, they are display like that : https://ibb.co/MPF19tG

How could I fix that please ?

Thanks for your help :)

#1
Pablo Borysenco(@pavlo_borysenco)
34,196 Posts
June 7, 2021, 13:14

Hello

Please  disable  ajax  mode  and  do a  test

#2
Hippolyte(@hippolyte-2)
12 PostsTopic Author
Customers
June 9, 2021, 15:05

Hello,

I tried several things but the problem is still there.
I tried :
Try to ajaxify the shop
Optimize loading of WOOF JavaScript files
Disable swoof influence
Activate the turbo mode

#3
Pablo Borysenco(@pavlo_borysenco)
34,196 Posts
June 10, 2021, 12:05

Hello

Please  diasable  turbo  and  ajax  mode

Please  do  a test

#4
Hippolyte(@hippolyte-2)
12 PostsTopic Author
Customers
June 11, 2021, 13:27

Sorry but it is not working neither

#5
Pablo Borysenco(@pavlo_borysenco)
34,196 Posts
June 14, 2021, 11:09

Hello

Sorry but it is not working neither - What does not work? I checked your site, you did not make the settings that I asked

#6
Hippolyte(@hippolyte-2)
12 PostsTopic Author
Customers
June 14, 2021, 11:16

Hello,

Yes I did, but like it didn't work. I put the settings back

#7
Hippolyte(@hippolyte-2)
12 PostsTopic Author
Customers
June 14, 2021, 11:44

Do you want me, to disable  turbo  and  ajax  mode again so you can see what it does ?

#8
Pablo Borysenco(@pavlo_borysenco)
34,196 Posts
June 14, 2021, 11:48

Yes!  Please  do it and I'll check the result

#9
Hippolyte(@hippolyte-2)
12 PostsTopic Author
Customers
June 14, 2021, 12:13

It's done, turbo  and  ajax  mode are now disabled :)

#10
Pablo Borysenco(@pavlo_borysenco)
34,196 Posts
June 15, 2021, 10:48

Hello

Ok! Try  to add  this  CSS

@media (max-width: 544px)
.woocommerce-page[class*=columns-].columns-3>ul.products li.product:nth-child(2n), .woocommerce-page[class*=columns-].columns-4>ul.products li.product:nth-child(2n), .woocommerce-page[class*=columns-].columns-5>ul.products li.product:nth-child(2n), .woocommerce-page[class*=columns-].columns-6>ul.products li.product:nth-child(2n), .woocommerce[class*=columns-].columns-3>ul.products li.product:nth-child(2n), .woocommerce[class*=columns-].columns-4>ul.products li.product:nth-child(2n), .woocommerce[class*=columns-].columns-5>ul.products li.product:nth-child(2n), .woocommerce[class*=columns-].columns-6>ul.products li.product:nth-child(2n) {
margin-right: 20px !important;
}

#11