Return to previous page

How to stack Woocommerce tabs on mobile?

This topic has 4 replies, 2 voices, and was last updated 3 years, 5 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.

    #291710 Copied Theme version: 7.2.11
    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

    #291733 Copied
    Avatar: Mr_Vercetti
    Mr_Vercetti
    Participant
    June 23, 2021 at 10:06

    Thank you very much, I truly appreciate this.

    #291761 Copied
    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

    #291765 Copied
  • Viewing 4 results - 1 through 4 (of 4 total)

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

8theme customization service

Useful links WooCommerce & WordPress

Unleash your online potential

Explore our best WordPress WooCommerce Themes collection

lazy-placeholder
Kids Store – WordPress WooCommerce Theme
lazy-placeholder
Carwash – WordPress WooCommerce Theme
lazy-placeholder
Marseille 03 – WordPress WooCommerce Theme
lazy-placeholder
Legenda – E-Commerce and Corporate PSD Theme
lazy-placeholder
Lingerie Store – WordPress WooCommerce Theme
lazy-placeholder
Artmaxy Store – WordPress WooCommerce Theme
lazy-placeholder
Water Delivery – WordPress WooCommerce Theme
lazy-placeholder
Electronic Mega Market – WordPress WooCommerce Theme
lazy-placeholder
Landing Watch – WordPress WooCommerce Theme
lazy-placeholder
Furniture Store – WordPress WooCommerce Theme

See All Templates

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