WooCommerce – как изменить вертикальные вкладки в теме StoreFront на горизонтальные


Чтобы изменить вертикальные вкладки на горизонтальные, внесём изменения в CSS.
Сокращённая версия
.woocommerce-tabs .panel {
width: 100%;
}
.woocommerce-tabs ul.tabs {
width: 100%;
float: none;
border-top: none;
border-bottom: 1px solid rgba(0,0,0,.05);
}
.woocommerce-tabs ul.tabs li {
display: inline-block;
border-bottom: none;
}
.woocommerce-tabs ul.tabs li a {
padding-left: 1em;
padding-right: 1em;
}
.woocommerce-tabs ul.tabs li.active a {
text-decoration: underline;
}
.woocommerce-tabs ul.tabs li::after {
content: "";
}
Полная версия