• 

  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

  

  Problem my side Screenshot

  

  Please, contact administrator
  for this information.

  #284419 Copied Theme version: 7.2.7 WooCommerce version: Version 5.1.0
  3 Answers
  

  Olga Barlow

  Participant

  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
  

  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
  

  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)