Try to add the following code snippet to the Custom CSS area in Theme Settings to fix this issue. To place the content of the banner in the center, please use the positioning options of the promo banner element.
/* promo-banner background */
.promo-banner .content-banner {
background-color: rgba(255,255,255,0.5);
padding: 20px;
max-width: 70%;
margin: 0 auto;
}
/* 1 */
.navigations-inner .menu-opener {
font-size: 16px;
}
/* 2 */
.navigations-inner .vertical-navigation .item-level-0>a {
font-size: 16px;
}
/* 3 */
.nav-shop .category-nav-link .category-name {
font-size: 16px;
}
/* 4 */
.nav-shop .category-nav-link .category-products-count {
font-size: 16px;
}
/* remove product tabs */
.single-product-page .woocommerce-tabs .wc-tabs {
display: none;
}
/* single product title size */
.single-product-page .summary-inner .entry-title {
font-size: 30px;
}
/* single product short description size */
.single-product-page .summary-inner .woocommerce-product-details__short-description {
font-size: 16px;
}
/* single product description size */
.single-product-page .entry-content {
font-size: 16px;
}
Regards
.
