Request Support for XStore Quick View Responsiveness Issues

This topic has 8 replies, 2 voices, and was last updated 12 hours, 11 minutes ago ago by Jack Richardson

  • Avatar: khurram virk
    khurram virk
    Participant
    December 1, 2025 at 16:50

    Dear Support Team,

    Good day to you.

    I have enabled the XStore Quick View option in the product listings, but I am facing responsiveness issues on mobile. The product description tables inside the Quick View popup are not displaying responsively and are causing layout problems. Some text and table content are also being cropped or cut off.

    Here are the reference screenshots showing the issue:
    https://snipboard.io/zViZXx.jpg
    https://snipboard.io/ZoBXcU.jpg

    Kindly guide me on how to resolve this so that the tables and content scale properly on smaller screens. If there are any custom CSS fixes or theme settings to adjust, please let me know.

    Thank you.

    7 Answers
    Avatar: Jack Richardson
    Jack Richardson
    Support staff
    December 1, 2025 at 17:47

    Hello @khurram virk,

    You may try using the following custom CSS:

    body .et-quick-view-wrapper .quick-view-excerpts .excerpt-content .excerpt-content-inner {  
        overflow: auto;  
    }

    If you still require our assistance, please provide the names of the products so that we can check the issues.

    Best regards,
    8Theme Team

    Avatar: khurram virk
    khurram virk
    Participant
    December 3, 2025 at 14:23

    Dear Sir,

    Thank you for your response and for sharing the CSS fix.

    I have applied the provided code, but unfortunately the issue still persists. The product description tables in Quick View are still not responsive, and the content is continuing to be cropped and overlapped.

    Here are the latest screenshots for your reference:
    https://snipboard.io/x9AKbp.jpg
    https://snipboard.io/bzlrv8.jpg

    You can check the issue on the following links:
    Product Category: https://safeandsecureksa.com/product-category/chain-block-hoist-trolley/
    Product Page: https://safeandsecureksa.com/product/electric-chain-hoist-block-with-trolley/

    Please review this specific product and let me know if any additional CSS or theme-level fix is required to properly handle tables and long content in the Quick View popup.

    Looking forward to your guidance.

    Thank you.

    Avatar: Jack Richardson
    Jack Richardson
    Support staff
    December 3, 2025 at 14:44

    Hello @khurram virk,

    Could you please provide temporary wp-admin access? We need to check your settings.

    To grant WP-Admin access, please proceed to create a new user account with an administrator role through your WordPress Dashboard. Once the account is established, you may securely transmit the username and password to us via the Private Content section designated for this purpose.

    Kind regards, Jack Richardson
    The 8theme’s team

    Avatar: khurram virk
    khurram virk
    Participant
    December 3, 2025 at 16:23

    Hello Sir,

    Thank you for your reply.

    At the moment, my first priority is to fix the issue of the content being overlapped in the Quick View popup. I have already found a solution for the table responsiveness, so you do not need to check that part now.

    Regarding the temporary WP-Admin access, it is currently very difficult for me to provide backend access because we have a firewall in place and only certain IPs are allowed to access the WordPress admin area.

    If possible, I would appreciate it if you could guide me with a CSS-based or settings-based solution to fix the overlapping content without requiring backend access.

    Thank you.

    Avatar: Jack Richardson
    Jack Richardson
    Support staff
    December 3, 2025 at 16:42

    Hello @khurram virk,

    Please provide us with the URL and the product name where you encountered this issue, so that we can review it and try to offer a solution without requiring access to the WordPress admin dashboard. In the previous URLs we checked, we reviewed several products but did not observe any overlapping issues, although some of them had table-related problems.

    Best regards,
    Jack Richardson
    8Theme Team

    Avatar: khurram virk
    khurram virk
    Participant
    December 4, 2025 at 14:42

    Here are the latest screenshots for your reference:
    https://snipboard.io/bzlrv8.jpg

    You can check the issue on the following links:
    Product Category: https://safeandsecureksa.com/product-category/chain-block-hoist-trolley/
    Product Page: https://safeandsecureksa.com/product/electric-chain-hoist-block-with-trolley/

    Avatar: Jack Richardson
    Jack Richardson
    Support staff
    December 4, 2025 at 15:13

    Hello @khurram virk,

    To resolve the issue with hidden content, please use the following CSS snippet:

    .excerpt-content-inner .row {  
        margin-left: 0;  
        margin-right: 0;  
    }

    As you mentioned that you found a solution for fixing the table, we would like to know whether you have already implemented it or are still exploring possible solutions.

    As part of the solution, you can align the text inside the table by using the following custom CSS snippet:

    .excerpt-content-inner table {  
        white-space: nowrap;  
    }

    However, to apply the scroll effect only to the table (since the current horizontal scroll affects all content when a long table is included), please wrap the table in an additional div with the class “table-wrapper” (for example: https://prnt.sc/2wBGzwUEjDwe). Then, you can use the following CSS:

    .excerpt-content-inner .table-wrapper {  
        max-width: 100%;  
        overflow: auto;  
    }

    Frontend result: https://gyazo.com/5a2f1ed3ff8801cf2266b356c116d661

    Best regards,
    Jack Richardson
    8Theme Team

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

You must be logged in to reply to this topic.Log in/Sign up

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