Texts squeezing in responsive mode

[ojasray]

If you see attached images – you will see the issue i am having. Basically the text looks fine on a computer – but on responsive nature it messes up.

here is the custom css code that i have in my general settings.

.cta_align_right .wpb_button {
max-width: 17% !important;
}

[Cosmin – SUPPORT]

Hi,

Can you please link to the site? I’ll provide a workaround.

Regards,
————————————————————————————————————

Cosmin
Support Assistant

[ojasray]

This reply has been marked as private.

[ojasray]

Cosmin,

did you get my url: i set it as private reply – bc i dont want to broadcast the site…

[Ben – SUPPORT]

There is a few things you can do, you can change
h1, .wpb_impact_text .wpb_call_text, .impact-text{ line-height:34px; }
for the responsive, this will push each line away from each other so it’ll look nice

Regards,
– Ben

[ojasray]

should i just add

.wpb_impact_text .wpb_call_text, .impact-text{ line-height:34px; } to the custom css?

[Ben – SUPPORT]

Where you add

.cta_align_right .wpb_button {
   max-width: 17% !important;
}`

is it in a media query to target the width? As you’ll only want to target the text when it’s small

Cheers
– Ben