Layout issue: Recently viewed products overflowing container

Hello,

the content of the recently viewed products is overflowing outside its container. I’m attaching a screenshot: https://go.screenpal.com/watch/cOVYXNnrSvl

I would appreciate your assistance.
Best regards,
Nikola

Hello,

I have checked your site, and the recently viewed products are showing fine.

See Screenshot for clarification: https://ibb.co/FFbtv7b

Check back your site and check the issue after completely clearing the browser/site cache.

Best Regards,

Hello,

yes, it happens again. View this product https://staging9.ivolt.bg/product/samovulkanizirastha-lenta-10mh19mm/ and then check the container.

Best regards, Nikola

Hello,

The issue happened with that specific product because its title is unusually long. Try to add this css and check how it works.

.product_list_widget li .widget-product-info {
    flex: 1 1 0;       /* allow it to shrink and not overflow */
    min-width: 0;      /* important for flex items to prevent overflow */
}

Best Regards,

Hello,

I am applying the latest changes you advised me to make, but the classes are highlighted in red and I can’t figure out where this is coming from. I’ve applied the most recent changes, but there is no result.

I’m attaching a recording for reference: https://go.screenpal.com/watch/cOVZQFn3lET

I would appreciate your assistance on this matter.

Best regards,
Nikola

Hello,

I checked the CSS you added, and the issue is caused by a missing closing curly brace on line 382. Please add the } there to close the previous CSS block, and then the new styles should work correctly.

Best Regards,

Hello,

thank you for checking.

Your recommendation does work, however the styling code itself does not apply as expected.

Could you please double-check the styling code or let me know if there is anything else that might be preventing it from working?

Best regards, Nikola

Hello,

I have checked your staging site, and it is not working: https://staging9.ivolt.bg/product/samovulkanizirastha-lenta-10mh19mm/, Can you please check from your end and let me know? I will further check on your site and give you a possible solution.

Best Regards,

Hello,

check on live site, please. Credentials in hidden section here.

Best regards, Nikola

Hello,

Could you please provide the URL of the live product page where the issue with the Recently Viewed Products container is occurring? I will review the page and investigate the problem in the recently viewed container.

Best Regards,

Hi,

the interesting thing is that they don’t appear anywhere at the moment. Please watch the video: https://somup.com/cOVOiKSHtN

They are supposed to appear here: https://go.screenpal.com/watch/cOVOisn3okf

Could you please check what is happening?

Best regards, Nikola

PS: carefully becase web is live.

Hello,

I have checked your site, and it is showing fine. Check back your site after completely clearing the browser cache and check the issue.

See Screenshot for clarification: https://ibb.co/0pbGT6hV

Please share the product page url which title breaks in the recently viewed product.

Best Regards,

Hello,

strange. I am not seeing this tab even after clearing the cache.

Check with this product and share image with me, please: https://ivolt.bg/product/samovulkanizirastha-lenta-10mh19mm/

Bes regards, Nikola

PS: you can check also css in theme css at the bottom.

Update: with provided css code is it dissapearing.

When it is not dissapeared, it is again overflowing: https://go.screenpal.com/watch/cOVO32n3Fjy

Please assist.

Best regards, Nikola

Hello,

Your issue has been resolved. The issue was caused by the very long word in the product title (САМОВУЛКАНИЗИРАЩА), which prevented the text from wrapping properly in the Recently Viewed Products widget.

By updating the title to include a hyphen, like this:

САМОВУЛКАН-ИЗИРАЩА ЛЕНТА 10 M 19 MM

The title now wraps correctly and fits within the widget container without overflowing.

See Screenshot for clarification: https://ibb.co/0yNqzC5B

Please check back your site and check the issue. If you have any questions feel free to contact us.

Best Regards,

Hello, I don’t know how can I see this widget tab… Products doesn’t appear there anymore. I don’t know why. Can you check please?

Best regards, Nikola

Hello,

The recently viewed container is not showing when you visit your site as a guest customer but when you logged in your site it is showing fine.

It seems to be a cache issue on your site. I kindly recommend you to clear the cache from CDN,clear server cache and double check the issue.

Best Regards,

Hello,

I’m experiencing the same behavior on my end as well – when I’m logged in, the recently viewed products are displayed, but when I browse the site as a guest, they are not visible.

I have cleared both the server cache and the CDN cache, but it is evident that for non-logged-in users the recently viewed products are not being shown.

Could you please check whether the issue might be related to the theme itself, or if this functionality is intentionally configured to work only for logged-in users?

Best regards, Nikola

Hello,

Please deactivate all the 3rd party plugins and activate only theme-required plugins on the site, and then check the issue. I am sure your issue will be solved. Then, activate the 3rd party plugins one by one and check which plugin is creating the issue for you.

If the issue remains, I kindly recommend you to purge the cache of CDN, disable CloudFlare CDN temporarily and double check the issue.

Best Regards,

Hello,

It’s absurd to add hyphens in the product names, as you have done here: https://ivolt.bg/product/samovulkanizirastha-lenta-10mh19mm/

Yes, it works in the “recently viewed products” section, but it is neither practical nor correct to see a whole word in the product name split like that when opened.

In my opinion, the theme update for “recently viewed products” should automatically add a hyphen only within the widget section, not in the actual product name itself.

Best regards,
Nikola

Hello,

WordPress, WooCommerce, and WoodMart do not automatically split long single words inside widgets. If a product title contains a very long word, the browser will keep it on one line. Please try to adjust your product title for this.

Best Regards,

Hello Aizaz,

I would like to clarify the situation regarding the “Recently Viewed Products” functionality:

On our staging domain (https://staging16.ivolt.bg/), where all plugins are identical to the main site, the recently viewed products are displayed correctly for both logged-in and guest users. This indicates that the plugins themselves are not causing the issue.

However, on the main domain (https://ivolt.bg), recently viewed products do not appear for users who are not logged in, even after clearing both server and CDN cache. Since the plugin setup is identical and the problem occurs only on the main domain, this suggests the issue might be related to the theme configuration or domain-specific caching behavior, rather than third-party plugins.

Could you please check whether the theme on the main domain has any settings or restrictions that prevent recently viewed products from being displayed to guest users?

Thank you for your assistance.

Best regards,
Nikola

Hello,

Please try to disable CloudFlare CDN temporarily and clear all types of cache and double check the issue.

Best Regards,

Hello,

disabling CloudFlare on the production environment is not an option, as it would have serious consequences for security and performance.

Please note that our staging website is also using a CDN, and we do not experience this issue there, which suggests that the problem is not caused by the CDN itself.

Best regards, Nikola

Hello,

The issue is likely due to domain-specific caching or cookie handling. Recently viewed products rely on cookies, so make sure your main site correctly sets them for guests and that full-page cache isn’t serving cached pages.

Best Regards,

Hello,

You are correct – I’ve noticed that the issue only resolves if I completely disable the CDN.

To avoid disabling the entire CDN, could you please advise which exact file or path needs to be excluded from caching so that I can add it as a condition in my .htaccess file?

This way, the recently viewed products feature should work correctly for both guests and logged-in users without turning off the CDN entirely.

Thank you for your guidance.

Best regards, Nikola

Hello,

The “Recently Viewed Products” widget is based on WooCommerce cookies and AJAX fragments, not just the theme.

You can test the behavior with the default Storefront theme to confirm this, but in your case the issue is caused by full-page caching from the CDN, which prevents cookies from updating for guest users.

Instead of disabling the CDN, you should exclude WooCommerce dynamic requests from caching and allow WooCommerce cookies to pass through the cache.

Once caching is bypassed for these, Recently Viewed Products will work correctly for guest users as well.

Best Regards,

Hello, thank you!

From where you know so much?

You can close ticket.

Best regards, Nikola

Hello,

You’re Most Welcome!

Feel free to write back anytime. If you need further assistance, we are always here to help you.

If you have a minute, we’d truly appreciate your feedback — it helps us improve the product and shape future updates more effectively. We’d love your feedback on our theme: https://tally.so/r/w4l54k

Thanks for contacting us.
Have a great day.

Topic Closed.
Best Regards.

[Author]

Posts