This topic has 10 replies, 4 voices, and was last updated 3 months, 1 weeks ago ago by Andrew Mitchell
Hi there,
I have two archive product sections, one that is for mobile and hidden from desktop, and one that is for desktop and hidden from mobile.
Please see “archive page desktop” and “archive page mobile” screenshots for visual.
I would like there to be more of a gap between each product, so that each product matches a similar style as the one seen in the screenshots “Viator mobile” and “Viator desktop”.
However, if I try to change the Rows Gap slider to increase the gap between products, it does nothing for both my mobile archive products section and the desktop archive product section.
Please let me know if I am missing something?
Thanks!
Hello, @Applesandcider,
Thank you for contacting us and for using XStore.
1. Upon reviewing the functionality in question on our test site, we have confirmed that it operates correctly. It appears that the issue is isolated to your site alone.
2. Additionally, we kindly request that you temporarily disable the CDN and cache plugin on your website. This action will help us in diagnosing the persisting issue more effectively. Please review your site after these adjustments to determine if the issue still persists.
Should you require any further assistance or have any questions, please do not hesitate to contact us. We are committed to ensuring the smooth operation of your site and are here to support you every step of the way.
Best Regards,
The 8Theme Team
Hi,
-temporarily disable the CDN and cache plugin on your website.
I currently have no cache or cdn plugins activated on my site. Cloudflare is connected to my production site, but I have also just disabled Cloudflare, just incase.
After ensuring all the above is disabled / deactivated, the issue is still occurring.
Thanks
Dear @Applesandcider,
We are pleased to inform you that the issue has been successfully resolved. Could you kindly verify the resolution at your earliest convenience?
Best regards,
The 8Theme Team
Yeah its good now but please see attachment desktop, there is a line going down the left side of all the products that shouldn’t be there, looks like a bug?
You can also see it on mobile and tablet.
Any chance this can be removed please?
Thanks
Hi @Applesandcider,
We’ve disabled the Border Layout and the border has gone: https://prnt.sc/cfC81PxL0Kag
Best regards,
The 8Theme Team
Hi,
I want the border around the products, but there is one line going down, connecting each product on the left hand side. It’s definitely a bug, because it just stops abruptly at the top (see attachment.)
It’s that line going down all the products on the left, connecting each one, that I want gone. So that each product is properly detached from eachother.
Thanks
Hi @Applesandcider,
Can you please also add this custom CSS code?
.etheme-product-grid.etheme-product-grid-bordered {
border-left: none;
}
.etheme-product-grid-bordered:not(.type-slider)>div {
border-left: 1px solid var(--bordered-layout-border-color,var(--et_border-color))
}
Best regards,
The 8Theme Team
That worked perfectly thank you so much!
Dear Applesandcider,
We trust our theme is enhancing your experience. Taking a brief moment to rate it with a glowing 5 stars on ThemeForest would be immensely appreciated. Your feedback holds significant value for us.
Click here to rate now: https://themeforest.net/downloads
Thank you sincerely for your ongoing support!
Best Regards,
The 8Theme Team
The issue related to '‘“Rows Gap” slider not working for me in my product archive section.’' has been successfully resolved, and the topic is now closed for further responses