[WooCommerce] Single product title is not displaying correctly on mobile

Hello,

For some reason, single product titles are not displaying correctly on mobile phones with large screens when using WooCommerce + OceanWP – they go in the right, not lining up the way they should (under the product image). However, OceanWP shows the title positioned correctly when checking the single product page with its built-in mobile view.

This is a screenshot from Redmi Note 7 smartphone, 6.3 ” screen, using the latest Chrome:

View post on imgur.com

I’m using some extra CSS to fix other things, could this be the problem?

h3.premium-banner-ib-title.premium_banner_title {
    background-color: #ff9900;
    text-align: center!important;
}

span.icon-magnifier {
    font-size: 20px;
    vertical-align: middle;
}

a.tinvwl_add_to_wishlist_button.tinvwl-icon-heart.tinvwl-position-after {
    background: #ff9900;
    padding: 2px 7px;
    color: #fff;
}

.woocommerce ul.products li.product .price, .woocommerce ul.products li.product .price .amount {
    color: #44c4ac;
    font-family: rubik;
}

.woocommerce ul.products li.product .woo-entry-inner li {
    margin-bottom: 0;
}

.woocommerce span.onsale {
display: none;
}

Other than that, it is a pretty standard OceanWP + WooCommerce setup.