aandrey88

Hi Herman,

You’re welcome! Feel free to reach out if you need any more information or assistance. I’ll be here to help.

Hi Herman,

Thank you for your suggestion. I checked the Astra Meta Setting for the Produkty (Shop page), and I did find that the Default setting was not chosen. I selected the Default setting as you recommended, and I’m happy to say that it fixed the issue!

I really appreciate your help!

Hi Herman,

Thank you for your response and understanding. As promised, I’ve exported the Astra settings from my site to a Google Drive link. You can access and download the file using the following link: Google Drive Link

Hi Herman,

Thanks for your response. I appreciate your suggestion to check the Customizer settings for the main category page. However, after reviewing the settings, I confirmed that both the main category page and the other category pages are using the same Full Width / Stretched layout.

However, the main category page still looks different from other category pages.

I’ve attached a screenshot of other category page [screenshot].

I’m not sure what’s causing this inconsistency, but I would really appreciate any further suggestions or solutions.

Thanks again for your assistance!

Hey everyone,

I’ve fixed the upsells display issue on my website with some CSS magic. Here’s the code that did the trick:

@media screen and (max-width: 767px) {
.up-sells ul.products li.product {
width: 48% !important;
clear: none !important;
margin-right: 2% !important;
}

.up-sells ul.products li.product:nth-child(2n) {
margin-right: 0 !important;
}
}

Now the upsells section looks perfect with two rows, two products each, on mobile devices.

Hi Herman,

Thank you for clarifying that it’s the Upsells section, not Cross-sells. I appreciate you sharing the video, but unfortunately, it doesn’t provide any insights into the issue I’m facing on my end.

I understand that it may be working fine on your end, but I’ve been experiencing this problem for a few years now, and updating the Astra theme to the latest version doesn’t seem to resolve it.

To give you more context, when I view a product on the live site, the Upsells section appears misaligned and doesn’t display properly, as I shared earlier. It’s been consistent, and I’ve tried different approaches to fix it, but nothing seems to work.

Is there anything specific I should check on my end to troubleshoot further?

Appreciate your assistance!

Hi @bsfherman,

Thank you for sharing the screenshot.

However, the issue I’m referring to is on the product page, not the cart page. On my site, when viewing a product, the Cross-sells section does not display properly (like here). It seems to have a different size, causing some products to appear misaligned.

Let me know if there’s anything else I can provide to help troubleshoot this issue.

@ihereira @beautyofcode

Huge thanks for all those involved. Everything works as it should!

https://stalberry.pl/checkout/