Return to previous page

Product tab is not responsive :( - by Oliver Theiß

This topic has 4 replies, 2 voices, and was last updated 3 years ago ago by Oliver Theiß

  • Avatar: Oliver_Theis
    Oliver Theiß
    Participant
    April 16, 2021 at 08:11

    Hello , I need support with the product page.

    The product tab is not responsive, can you please provide me with a code so that the tab is mobile vertical.

    I have attached a screenshot as an example so you can see what I mean. I would like to have it that way on my site. Thank you very much for your support and have a nice weekend. best regards Oliver

    Produkt tabs mobil

    Problem my side Screenshot

    Responsiv Problem Produkt builder

    Please, contact administrator
    for this information.
    #284419 Copied Theme version: 7.2.7 WooCommerce version: Version 5.1.0
    3 Answers
    Avatar: Olga Barlow
    Olga Barlow
    Support staff
    April 16, 2021 at 10:33

    Hello,

    Tab titles have a horizontal scroll on mobile devices and you can click them.
    Anyway if you want to change direction from horizontal to vertical add the below code to child theme style.css

    @media (max-width: 580px) {
    .woocommerce-tabs.horizontal .wc-tabs {flex-direction: column;}
}

    Regards

    #284453 Copied
    Avatar: Oliver_Theis
    Oliver Theiß
    Participant
    April 16, 2021 at 11:09

    Hello Olga,

    Thank you for the feedback….
    When I compressed the window on the desktop, I couldn’t see the horizontal scroll effect. Will it only be shown on mobile devices?
    Thank you for the code and the quick processing of my request. I wish you a nice weekend

    Best regards, Oliver

    #284465 Copied
    Avatar: Oliver_Theis
    Oliver Theiß
    Participant
    April 16, 2021 at 11:40

    Tanks you it works… I like it more 😀

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

The issue related to '‘Product tab is not responsive :(’' has been successfully resolved, and the topic is now closed for further responses

Useful links WooCommerce & WordPress

Unleash your online potential

Explore our best WordPress WooCommerce Themes collection

lazy-placeholder
Electronics Store – WordPress WooCommerce Theme
lazy-placeholder
Wedding Store – WordPress WooCommerce Theme
lazy-placeholder
Language Courses – WordPress WooCommerce Theme
lazy-placeholder
Grocery Mega Market – WordPress WooCommerce Theme
lazy-placeholder
Marseille 01 – WordPress WooCommerce Theme
lazy-placeholder
Babyland 01 – WordPress WooCommerce Theme
lazy-placeholder
Web Agency – WordPress WooCommerce Theme
lazy-placeholder
Dokan Multivendor Marketplace – WordPress WooCommerce Theme
lazy-placeholder
Minimal Store – WordPress WooCommerce Theme
lazy-placeholder
Finances – 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.