ATTENTION, PLEASE READ: New topic creation is disabled, as we have moved to a new support system. Your existing topics will remain, but for all new requests you will need to use the new system. Click here to go to the new support request form.

• Back to forum

  Posted in: Atelier
• January 25, 2017 at 4:04 pm #311394
  markmuz

  Member

  Post count: 94

  Hi Guys, just literally bought Atelier after using Neighborhood theme for 3 years and being very satisfied.

  I have bought the official woo commerce “Tab manager” plugin do display additional product information on individual product pages.

  this works great on desktop (pic attached), but when you get the tablet (attached) and smartphone (attached), the 3rd tab just gets hidden which is
  obviously a significant issue since mostly of my customers shop on mobile.

  My suggestion would be to shrink the text size of these headings for tablet and smartphone screen widths. Is this possible through the custom CSS input please?

  Grateful for your help

  Cheers

  Mark

  Attachments:

  You must be logged in to view attached files.
  January 25, 2017 at 7:42 pm #311432
  Rui Guerreiro – SUPPORT

  Keymaster

  Post count: 25779

  Hi,

  We need an url to inspect the code and have a look?

  -Rui

  January 25, 2017 at 7:46 pm #311433
  markmuz

  Member

  Post count: 94

  This reply has been marked as private.
  January 25, 2017 at 9:57 pm #311454
  Rui Guerreiro – SUPPORT

  Keymaster

  Post count: 25779

  Since there isn’t too much space the only way is to place each tab item per line.

  Add the code below to your custom css option.

  @media only screen and (max-width: 767px){
  .woocommerce div.product .woocommerce-tabs ul.tabs li {
      width: 100%;
      display: inline-block;
      margin: 0 0 0 30px!important;
      float: left;
      margin-left: 0px!important;
  }
  }

  Hope it helps.

  -Rui

  January 27, 2017 at 12:29 pm #311618
  markmuz

  Member

  Post count: 94

  This reply has been marked as private.
  January 27, 2017 at 12:51 pm #311622
  Rui Guerreiro – SUPPORT

  Keymaster

  Post count: 25779

  Will forward it to my head developer so you can get a more precise reply about this.
  Let’s wait for the reply.

  -Rui

  January 27, 2017 at 1:30 pm #311631
  markmuz

  Member

  Post count: 94

  Hi Rui,

  Just had another look at the demo sites and managed to use the page build and use accordination to put this information in 🙂

  Quick question though, can you give me the CSS to hide the standard description box and the hr above it please because I’m just going to do it all through accordination.

  How do you get the top item within the accordination to be open when the page loads please like on the demo sit below…

  http://swiftideas.com/product/padded-jacket/#riri-zips-throughout

  January 27, 2017 at 1:35 pm #311634
  Rui Guerreiro – SUPPORT

  Keymaster

  Post count: 25779

  You can define what accordion section will be open by default.
  https://www.dropbox.com/s/jwq5v299lekw28q/Screenshot%202017-01-27%2012.33.38.png?dl=0

  Is this the area that you want to hide?
  https://www.dropbox.com/s/qdnyz9myc5ll8zr/Screenshot%202017-01-27%2012.34.54.png?dl=0

  -Rui

  January 27, 2017 at 1:42 pm #311636
  markmuz

  Member

  Post count: 94

  Hi Rui,

  Thanks, I’d basically like to hide all of the attached please including the HR

  Attachments:

  You must be logged in to view attached files.
  January 27, 2017 at 4:38 pm #311659
  Rui Guerreiro – SUPPORT

  Keymaster

  Post count: 25779

  Add the code below to your custom css option.

  .woocommerce-tabs.wc-tabs-wrapper{
     display: none;
  }

  -Rui

• Back to forum

  Posted in: Atelier