How to stack Woocommerce tabs on mobile?

This topic has 4 replies, 2 voices, and was last updated 2 years, 9 months ago ago by Rose Tyler

  • Avatar: Mr_Vercetti
    Mr_Vercetti
    Participant
    June 22, 2021 at 19:20

    Hello,

    How do I stack the Woocommerce tabs on top of each other when on mobile devices? As I see it, it is not possible with the default tab settings, which are the best for desktop views.

    3 Answers
    Avatar: Rose Tyler
    Rose Tyler
    Support staff
    June 23, 2021 at 07:41

    Hello,

    Add the next code in Theme Options > Theme custom CSS > Global custom CSS:

    @media only screen and (max-width: 992px) {
        .woocommerce-tabs.horizontal .wc-tabs {
            flex-wrap: wrap;
            justify-content: center;
        }
    }

    Regards

    Avatar: Mr_Vercetti
    Mr_Vercetti
    Participant
    June 23, 2021 at 10:06

    Thank you very much, I truly appreciate this.

    Avatar: Rose Tyler
    Rose Tyler
    Support staff
    June 23, 2021 at 10:13

    You’re welcome!
    We’d appreciate if you could take a moment to give us 5-stars on ThemeForest! https://themeforest.net/downloads

    Regards

  • Viewing 4 results - 1 through 4 (of 4 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.