Chromium Solutions and FAQ


Single product tabs restructure on mobile devices

By default, Single Product tabs on mobile are hidden and only opened one is visible. This may confuse some customers. So, if you want to make this part of functionality more intuitive & user-friendly, follow suggestions below:

Enter server environment through this path:

Add the following code around line 15:

/* Add open class to wc tabs to dropdown on mobile */
if ( (window.matchMedia(“(max-width: 768px)”).matches) ) {
}Add the following code areound line 27:/* Hide tab content when tab list is shown */
if ( (window.matchMedia(“(max-width: 768px)”).matches) ) {
$(“.wc-tabs”).on(“click”, function() {

Once it’s done, enter this file:


Add the following code at the end of the file:

.hidden {
display: none ! important;

Leave a Reply

Your email address will not be published. Required fields are marked *