Home Forums Trusted Remove the space in Recent products in home page mobile view

This topic contains 2 replies, has 2 voices, and was last updated by  Andy 10 months, 2 weeks ago.

Viewing 3 posts - 1 through 3 (of 3 total)
  • Author
  • #4055

    I want fix the image in mobile view.



    Is it the space to right of the images in your screenshot that you want to remove?

    If so, it should not have that space there. The product images should either be full width or in two columns depending on the mobile screen size, with no space to the right.

    So I can see what is causing this, can you let me know the URL of your site please?



    Without seeing the site I cannot be sure, but possible causes could be a caching plugin, a third-party WooCommerce plugin, or custom CSS rules over-writing the theme.

    In any case, could you add the following CSS code to Additional CSS (or in your child theme stylesheet if you are using a child theme) and let me know if that fixes it:

    @media screen and (max-width: 480px){
        .woocommerce ul.products li.product, 
        .woocommerce-page ul.products li.product, 
        .woocommerce-page[class*=columns-] ul.products li.product, 
        .woocommerce[class*=columns-] ul.products li.product{
            width: auto !important;
Viewing 3 posts - 1 through 3 (of 3 total)

You must be logged in to reply to this topic.