Woocommerce Mobile Images Different Sizes in catalog mode

  • Hello, I read in the support forum the problem with the different views of the stepped grid on the woocommerce table on the product page. This solution was given 9 months ago here, but it turns out that in catalog mode, without a “Buy” button, the problem described by colleagues reappears. Is there a solution in this mode? I work with Elementor pro. All recent updates have been made. I am attaching a link to the closed topic: https://www.ads-software.com/support/topic/woocommerce-mobile-images-different-sizes/

    • This topic was modified 4 years ago by Yavor Simeonov. Reason: add clarifications

    The page I need help with: [log in to see the link]

Viewing 9 replies - 1 through 9 (of 9 total)

  • Hi @simeonovy,

    Please try the following CSS

    @media (max-width: 544px) {
	.woocommerce[class*="columns-"] ul.products li.product:nth-child(n), .woocommerce-page[class*="columns-"] ul.products li.product:nth-child(n) {
        margin-right: unset;
	}
}

    I hope it will help. Feel free to reach out to us if you have any further queries.

    Kind regards,
    Herman ??

    Thread Starter Yavor Simeonov

    (@simeonovy)

    Thanks for the reply. However, where exactly to put this code, I have not worked so far with the topic of Astra.

    Hi @simeonovy,
    ?
    ?Add it in ?Appearance > Customize > Additional CSS?.
    ?
    ?I hope it will help. Feel free to reach out to us if you have any further queries.

    Kind regards,
    Herman ??

    P.S. We recommend reaching out to us through our Support Portal for faster and quicker help and resolution as mentioned here.

    Thread Starter Yavor Simeonov

    (@simeonovy)

    Thank you!

    You’re welcome, it’s been a pleasure to help you, @simeonovy!

    Please mark the topic as Resolved and let us know if there’s anything else we can help you with.

    Have a nice day and stay safe!

    Kind regards,
    Herman ??

    Thread Starter Yavor Simeonov

    (@simeonovy)

    I would very much like to mark the problem as solved, but unfortunately, it is not. There is a transfer of responsibility! I present to you an e-mail to an elementor on the mentioned problem!
    ================================================
    Ana Clara replied
    Feb 19, 22:53
    Hi,

    Thank you for the update.

    As per the checks, it looks the Astra theme is causing the issue. Please review the video and take a look at how the images on the mobile view perform when the theme is changed to a default theme from WordPress:

    In such cases, we highly recommend reporting this issue to the theme authors/support team so they can provide any recommendation (or possible fix) to resolve this issue. If they need any technical details regarding Elementor, they are free to open an issue on our Github page where our developers will be happy to collaborate directly with them.

    In case you need to add some clarification, please send us a Screencast/screenshot demonstrating the issue more in detail.

    Hi @simeonovy,

    Would you please open a ticket thru our Support Portal so one of our support agents can take a further look into this?

    You might want to mention this topic when opening a ticket so you don’t need to re-explain the issue.

    Kind regards,
    Herman ??

    francisconiloc

    (@francisconiloc)

    Hey! Thanks for this information. It was driving me crazy with this bug. I created a staging area to see what happened, I tried various themes and I discovered that a margin-right: 20px is created in one of the columns.

    Francisco

    You were right about that @francisconiloc. And our team is working on this. In the meantime, you can use the CSS code above to fix the issue.

    Kind regards,
    Herman ??

Viewing 9 replies - 1 through 9 (of 9 total)
  • The topic ‘Woocommerce Mobile Images Different Sizes in catalog mode’ is closed to new replies.