Hide tab in responsive mobile

Hi @maradius,

Yes this is possible. However, can you be more specific about “mobile”? Usually when adding mobile/responsive styles, they’re specific to a screen size (e.g. a width of 512px). These same styles apply to your browser (if you were to resize your browser to the size of a phone).

Do you have a certain width that you’d like the tab to disappear or would you be okay with me picking a width for you? Also, could you send me a URL to one of your product pages so I can test it out?

Thank you,
Kevin.

Sure, the width should be 767 px or less to be considered “mobile”.

URL: https://desarrollo.ncayasociados.com/producto/xerox-altalink-c8030-c8035-c8045-c8055-c8070/

Do you have any control of these styles? They’re difficult to work with. They’re coming from your styles.css file and the !important flag is making it so I can’t override it.

@media (max-width: 767px) {
	body.woocommerce #content-area div.product .woocommerce-tabs ul.tabs li, body.woocommerce #content-area div.product .woocommerce-tabs ul.tabs li.active, body.woocommerce div.product .woocommerce-tabs ul.tabs li, body.woocommerce div.product .woocommerce-tabs ul.tabs li.active {
	    display: block!important;
	    border-bottom: 1px solid #e0dadf!important;
	}
}

Hello @maradius,

Just checking in. Are you able to answer Kevin’s question, above?

Thank you!
-Tracy

I’ll check it ASAP, thank you.

Hi @maradius,

We haven’t heard back from you in awhile so I am going to close out this ticket.

If you need more help, please reopen it and we will be happy to help you.

Thank you!
-Tracy