Mobile slider issue & shop page alignment

[3gems]

Hi there

I am having alignment issues on the mobile version of Cardinal. Please kindly see if you can assist.

Issues:
1)Home Page http://moringa.sg
– mobile slider on the home page, it looks fine when u first visit the website. However, once you scroll down and scroll back up, the slider is not in full image size, it only shows a bit of the image.
How to resolve this issue?

2)under shop page, http://moringa.sg/shop/
– when you view this page via Mobile, the products are not side by side, the products are in an alternate position, which we do not want this. We want our products to be beside each other. Please see if this can be resolve.

Thank you!
Regards
Crystal

Attachments:

You must be logged in to view attached files.

[David Martin – Support]

Hi,

1) Please disable and then delete the plugin Swift Framework 1.66. Please then upload this zip file with the latest 1.7+ version: https://www.dropbox.com/s/v1an2fpylsvniqc/swift-framework.zip?dl=0.

2) Your shop layout is caused by you custom CSS:

@media only screen and (max-width: 979px) {
   .woocommerce ul.products li.product.col-sm-3 {
      width:50% !important;
   }
}

Please test reducing the percentage width to account for the margin around the product, 48 should be a decent star point.

Thanks.

[3gems]

Hi David

1) Issue 1 – I tried to disable and delete plugin Swift Framework 1.66 on wordpress but unable to do so, hence i use FTP to update the new file but there were some errors. I overwrite the new files with old. after doing all these, it still does not resolve my mobile banner issue.

2) Issue 2 – i played around with the % however the column just gets smaller, i am still unable to achieve both products display side by side.

thanks

[David Martin – Support]

Please update the login details and I’ll take a look.

Thanks.

[3gems]

This reply has been marked as private.

[Mohammad – SUPPORT]

Hi,
Please provide correct admin login detail.
Thanks
Mohammad

[3gems]

This reply has been marked as private.

[Mohammad – SUPPORT]

Hi,
Please use this css code and check after clear the cache of browser.

@media screen and (max-width: 979px) {
.woocommerce ul.products li.product.col-sm-3 {
    width: 50% !important;
    float: left;
}
}

Thanks
Mohammad