Tab Manager – tabs vanish when on tablet and smartphone screensize

[markmuz]

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.

[Rui Guerreiro – SUPPORT]

Hi,

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

-Rui

[markmuz]

This reply has been marked as private.

[Rui Guerreiro – SUPPORT]

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

[markmuz]

This reply has been marked as private.

[Rui Guerreiro – SUPPORT]

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

-Rui

[markmuz]

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

[Rui Guerreiro – SUPPORT]

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

[markmuz]

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.

[Rui Guerreiro – SUPPORT]

Add the code below to your custom css option.

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

-Rui