“Rows Gap” slider not working for me in my product archive section.

This topic has 10 replies, 4 voices, and was last updated 3 months, 1 weeks ago ago by Andrew Mitchell

  • Avatar: Applesandcider
    Applesandcider
    Participant
    June 26, 2024 at 06:34

    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!

    Please, contact administrator
    for this information.
    Files is visible for topic creator and
    support staff only.
    9 Answers
    Avatar: Tony Rodriguez
    Tony Rodriguez
    Support staff
    June 26, 2024 at 08:34

    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

    Please contact administrator
    for this information.
    Avatar: Applesandcider
    Applesandcider
    Participant
    June 26, 2024 at 10:25

    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

    Avatar: Justin
    Luca Rossi
    Support staff
    June 26, 2024 at 14:44

    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

    Avatar: Applesandcider
    Applesandcider
    Participant
    June 26, 2024 at 15:17

    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

    Files is visible for topic creator and
    support staff only.
    Avatar: Justin
    Luca Rossi
    Support staff
    June 26, 2024 at 15:55

    Hi @Applesandcider,

    We’ve disabled the Border Layout and the border has gone: https://prnt.sc/cfC81PxL0Kag

    Best regards,
    The 8Theme Team

    Avatar: Applesandcider
    Applesandcider
    Participant
    June 26, 2024 at 16:00

    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

    Files is visible for topic creator and
    support staff only.
    Avatar: Justin
    Luca Rossi
    Support staff
    June 26, 2024 at 16:07

    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))
    }
    

    https://prnt.sc/TiiqfXTmUQvw

    Best regards,
    The 8Theme Team

    Avatar: Applesandcider
    Applesandcider
    Participant
    June 26, 2024 at 17:21

    That worked perfectly thank you so much!

    Avatar: Andrew Mitchell
    Andrew Mitchell
    Support staff
    June 26, 2024 at 17:21

    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

  • Viewing 10 results - 1 through 10 (of 10 total)

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

8theme customization service
We're using our own and third-party cookies to improve your experience and our website. Keep on browsing to accept our cookie policy.