Hide payment and shipment tab on mobile

Hi,

I have added

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

which had hidden tabs on computers as I wanted, but it was still displaying on mobile. So I added

function hidetab( $tabs ) {
unset( $tabs[‘additional_information’] );
return $tabs;
}

and it was working, but still, I would like to remove Payment and shipment option on mobile. Which function is it, please?

thanks

Hi,

Try to add the following code snippet to the Custom CSS area for mobile devices in Theme Settings to hide it

.tabs-layout-tabs .tabs li.woodmart_additional_tab_tab {
 display:none;
}

Regards

Hi,

I have tried that to add it to all of the devices, unfortunately, it didn´t work. I have also tried:

#tab-woodmart_additional_tab {
display: none !important
}

with no effect.
Would you have any other solution for this, please?

Please, send us a link where this code is added.

you can see it here on the mobile device

https://kolorita.cz/produkt/lampa-marina/

thanks

Please, send us a screenshot of the area you want to hide.

red rectangle

thanks

red rectangle

thanks

Attachments:

You must be logged in to view attached files.

Try this code

.tab-title-woodmart_additional_tab {
	display: none!important;
}

perfectly works. thanks a lot

You are welcome!

[Author]

Posts