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.

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;
	}
}