How do I keep my text from collapsing to another line when shrinking browser width?

How do I stop this from happening when resizing browser window before the next breakpoint?

I would like it the text to maintain it’s original alignment seen here:

Apples website is a perfect example of this. I feel like I’m missing something super basic and simple.

Thanks.

Hello @ToMuch,

Thanks for writing in! Did you set the left and right margin for your text element? Please insert width and maximum width to 100% as well.

YjEhIkcHS7Sijd5TEZYk4A

If this is NOT helping, provide us access to your site so that we can check your settings. Please create a secure note with the following info:
– Link to your site
– WP login URL
– WP username
– WP password
– WP Administrator Role

To know how to create a secure note, please check this out: How The Forum Works

Regards.

Hello @ToMuch,

The issue is because of your padding. You will need to set the padding to 0 and then if you want to limit the width of the text element, this is where the maximum width comes in. You can set a certain value in pixels. You can center the text by setting the left and right margin to auto.

We would love to know if this has worked for you. Thank you.

1 Like

Worked like a charm. Thank you so much!!

You are most welcome!

This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.