Product Tabs layout on mobile devices – how to

This topic has 7 replies, 3 voices, and was last updated 2 months, 1 week ago ago by Tony Rodriguez

  • Avatar: Pites
    Pites
    Participant
    June 13, 2026 at 11:11

    Hi,
    I am writing to you regarding two issues with my store using the XStore theme:
    Product Tabs layout on mobile devices:
    Currently, our product tabs (different plugin)are displayed horizontally, which is causing UX issues on mobile devices – customers often do not realize that they need to scroll horizontally to see the remaining tabs. Is it possible to change the layout so that the tabs are displayed vertically (as an accordion) on mobile screens? We would like the tabs to be collapsed and easily accessible for mobile users, rather than hidden in a side-scrolling list.
    Restoring WooCommerce product reviews:
    Some time ago, we disabled product reviews in our store settings. We would now like to reactivate them and restore all the previously collected reviews so that they appear on the product pages again. Could you please guide me on how to properly re-enable them and ensure that the existing reviews are correctly displayed?
    I have attached screenshots to illustrate the issues. Thank you in advance for your assistance.
    Could you help me with the problem
    Peter

    Please, contact administrator
    for this information.
    Files is visible for topic creator and
    support staff only.
    6 Answers
    Avatar: Jack Richardson
    Jack Richardson
    Support staff
    June 15, 2026 at 06:33

    Hello @Pites,

    You may try adding the following custom CSS in “Theme Options → Theme Custom CSS → Global CSS”:

    @media only screen and (max-width: 768px) {  
        .single-product .woocommerce-tabs.horizontal .wc-tabs {  
            flex-direction: column;  
            justify-content: flex-start;  
        }  
    }

    You can view the frontend result here: https://gyazo.com/1c0f4f89ca0a488aba0b3e80ecf97f5a

    Regarding your request about product reviews, you can enable the corresponding setting (as we see such settings are already enabled on your web-site https://gyazo.com/7de43b3a2945f528d086847f0ce717a9) so that all reviews associated with products will be displayed there. If you are using a custom plugin for reviews, please also check the plugin settings.

    Best regards,
    Jack Richardson
    The 8Theme’s Team

    Avatar: Pites
    Pites
    Participant
    June 15, 2026 at 08:54

    Hi,
    Thank you, CSS ok works.
    But product reviews not. I did it but they do not show at the button of the product page. They are there because we have it about two years ago anabled but because of BOTs we turn it off somehow in xstore and now we cannot turn it on. You can check as an example on this page in wordpress there are product review but they do not show.
    Thank you

    Please contact administrator
    for this information.
    Avatar: Jack Richardson
    Jack Richardson
    Support staff
    June 15, 2026 at 09:46

    Hello @Pites,

    Please check now. We have activated the Reviews feature in your Single Product Builder (Customizer): https://gyazo.com/429aada9e6d89371a35c3b024a5d15cf. Additionally, there is a setting in the product backend to enable reviews (https://gyazo.com/eadea252d82beb7cec5e4f0f74c2bd9d), which we have now enabled for your specified product. Kindly verify that everything is working as expected -> https://gyazo.com/621eb361bca91e31637189ac2ed52161.

    Best regards,
    Jack Richardson
    The 8Theme’s Team

    Avatar: Pites
    Pites
    Participant
    June 15, 2026 at 10:42

    GREAT, IT WORKS !!!!
    Thank you

    Avatar: Pites
    Pites
    Participant
    June 15, 2026 at 10:42

    Thanks for the support! My topic “Product Tabs layout on mobile devices – how to” has been successfully resolved.

    Avatar: Tony Rodriguez
    Tony Rodriguez
    Support staff
    June 15, 2026 at 10:42

    Dear Pites,

    Thanks for being part of our WordPress & WooCommerce community!

    We’re happy we could assist you. Your feedback truly matters — it helps us make XStore better, faster, and more reliable with every release.

    Together, we’re shaping a better WooCommerce experience for everyone.

    Topic closed.
    The 8Theme Team

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

The issue related to '‘Product Tabs layout on mobile devices – how to’' has been successfully resolved, and the topic is now closed for further responses

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