Out of stock product label font adjustment in mobile view

Our site name is futurx.lk, our SOLD OUT labels fonts looks messy in mobile view as ‘SOLD O and UT is in below 2nd line, i have attached a screen shot below, i want to take that O to Below line as SOLD
OUT , web view looks good, how can add some space between SOLD OUT in mobile view and take that O to below line as OUT.

Attachments:

You must be logged in to view attached files.

Hello,

Please add this code to the Theme Settings > Custom CSS > Mobile:

.product-labels.labels-rounded .out-of-stock {
Max-width: 67px;
}

Best Regards.

Let me not open a new topic, so I will continue on this one. I am having totally the same problem in a mobile version.
In my phone version the text does not fit normally. I tried this code that you provided but no change.
Here is a link of one product that is “out of stock/sold out” https://airtools.ba/proizvod/semering-brtva-za-karcher-za-ulje-20x28x6-8-mm-6-365-052-0/
I am sending picture how it looks on my mobile phone.
Any help would be appreciated.
Thanks

Attachments:

You must be logged in to view attached files.

Hello,

@saledigitalac
Please add this code to the Theme Settings > Custom CSS > Mobile:

.product-labels.labels-rounded .out-of-stock {
max-width: 100px;
}

Best Regards.

Unfortunatelly no change. Still the same problem.

Hello,

@saledigitalac

Please share the wp login details in private content under the message area I will check and give you a possible solution.

Best Regards.

Of course, thank you

Hello,

Please deactivate all the 3rd party plugins and activate only theme-required plugins on the site and then check the issue. I am sure your issue will be solved. Then Activate the 3rd party plugins one by one and check which plugin is creating the issue for you.

Otherwise, if the issue still exists then keep the 3rd party plugins deactivated and let me know I will further check on your site and give you a possible solution.

Best Regards.

You were right. The problem was caused by WP Rocket Plugin. What should I do now to make it to work properly when WP Rocket is activated?

Hello,

Please configure the WP Rocket plugin as in this article and then check the issue again:
https://xtemos.com/wordpress-performance-optimization-the-ultimate-guide-in-2021/

Best Regards.

Thanks once again. The only thing I had to do is to go to WPRocket -> CACHE – and to enable “Separate cache files for mobile devices”.
Thanks a lot.
Best regards!
Salih

Sounds Great! that your issue has been solved.

I’m so happy to hear you are pleased with the Theme and Support. XTEMOS strives to deliver the best customer experience, and it makes our day to hear we have accomplished that.

We count ourselves lucky to have you as a customer. You can always reach us at any time. We are always here to help you.

Thanks for contacting us.
Have a great day.

Topic Closed.
Best Regards.

[Author]

Posts