• 

  omthreetimes

  Participant

  March 12, 2018 2:21 pm

  Hi,

  On my single product description I have tabs side by side. On mobile view they go to accordion and under each other. How to disable accordion and make it as on full site.

  Site URL: hidden

  Theme version: latest

  WooCommerce version: 3.3.3

  

  Content is visible for topic creator and
  support staff only.

  #187925 copied to clipboard

  Like
  

  Rose Tyler

  Support staff

  March 12, 2018 4:51 pm

  Hello,

  This is the correct behavior for our tabs on mobile. If you want to change this, you can use custom css, for example,

  @media only screen and (max-width: 480px) {
  .tabs .tab-title {
      width: auto;
  }
  .tabs .tab-content {
      float:  right;
      width:  100%;
  }
  .tabs .tab-title,
  .tabs .tab-title.opened {
      background-image:  none;
  }
  .tabs .tab-content {
      opacity:  0;
      transition: all 0.1s ease-in-out;
  }
  .tabs .tab-title.opened + .tab-content {
      opacity:  1;
  }
  }

  but please note, that this is the customization that outside the scope of our support – https://themeforest.net/page/item_support_policy

  Regards

  #187942 copied to clipboard

  Like
Viewing 2 results
1 through 2 (of 2 total)