Make woocommerce product name responsive

You’ll need to play around with it but it’s something like

font-size:1vw

or

font-size:1vh

here’s how to learn about that.
https://www.w3schools.com/cssref/css_units.asp

and

Here’s a great tut on how to multiples
https://css-tricks.com/font-size-viewport-units/

Nothing happens when im trying it like him in his tutorial ??
Isn’t there an easier way to handle that?

Just know that no matter what you do when you change a line of code you will always, always have to clear your cache in your browser. Or use a different browser like a private browser that doesn’t store cache.

And make sure your choosing the correct selector and in some cases you have to target the device with a @media query. Always good to declare !important too

• This reply was modified 5 years, 8 months ago by Stef.

Hi @izzed,

Thanks for the help here, as always, @serafinnyc.

I think from what I can tell the product name, and site itself, is responsive. It’s just that you don’t necessarily like the way the theme handles a long product name. It by default creates a new line to fit in the remaining text.

If the theme developer won’t help modify this for you, I think you may either play with the viewport height and width as previously mentioned or you can try some word-break CSS for the product titles.

Either way, it’s a hard situation to code for and hard to figure what would be the best solution to fix that one product title and not effect the rest of the font rules on the site. I hope that helps!

• This reply was modified 5 years, 8 months ago by Ryan Ray, a11n.

We haven’t heard back from you in a while, so I’m going to mark this as resolved – if you have any further questions, you can start a new thread.