Product display responsiveness errors

[anton123]

Hi Guys,

My product display is not responsive like the examples in the demo and are shown very small (so columns do not cascade down to fill the screen with fullsize products, but are show side by side).

This happens with shop / category pages plus related prodcuts etc.

I’ve tested by removing all custom css, but the problem persists

Please advise urgently – will upload screenshots for you to view

Thanks

[anton123]

This reply has been marked as private.

[David Martin – Support]

Hi,

What version of the theme do you have?

What version of the Swift Framework plugin do you have?

Please add a WP login for us to take a closer look.

Thanks.

[anton123]

Hi,

Swift Framework plugin Version 2.2.61
Theme Version: 1.1.0

The client is currently previewing the demo site and I don’t want any potential issues if something goes wrong by accident – so would rather not give you admin access just now (only once the client is finished) to be safe.

However – I’ve tested by deactivating all plugins except Woocommerce and Swift Framework and the problem persists

Please advise of a temporary fix, so I can show the client that the shop is fully responsive (not displaying the columns like it is now.

[Swift Ideas – Ed]

Hi anton,

Thanks for the heads up. This css will resolve it:

@media only screen and (max-width: 767px) {
.woocommerce ul.products li.product.col-sm-2 {
    width: 50%;
    float: left;
}
}
@media only screen and (max-width: 479px) {
.woocommerce ul.products li.product.col-sm-2 {
    width: 100%;
    float: none;
}
}

– Ed

[anton123]

Thanks Ed – fix works

[Rui Guerreiro – SUPPORT]

Glad it’s sorted. Thanks Ed.

-Rui