Text orientation of mobile mode additional information

By default, the text orientation of the title header of the additional information in mobile mode is vertical.
Vertical writing is fine, but there are some problems with Japanese notation.
Specifically, the word “メーカー” is now displayed like this.
メ
ー
カ
ー
I want to change this like this.
メ
｜
カ
｜
What I did to achieve this was to write such CSS in “Theme Settings”> “Custom CSS for mobile”.

#tab-additional_information .shop_attributes th {
text-orientation: upright
}

text-orientation is displayed in red and may not be supported.
I want you to point out the problem and solve the problem.
Thank you.

Hello,

Could you please send us a link to that product and screenshot of the problem so we can better understand it? Also could you please check how it works with some default WordPress themes like TwentyTwenty or WooCommerce Storefront to understand is it our theme issue or not?

Regards

I tried variously.
For mobile, I thought vertical writing was the default, but I was wrong.
When a long URL that straddled a row was described in the table data, the table header seemed to be vertical.
By devising it, it seems that we can solve it somehow.
There was a mistake in my perception, which caused trouble.
Thank you very much.

Fine, we are glad that you sorted it out. Contact us if you will have any extra questions.

[Author]

Posts