Wrap text

User 2848163 Photo


Registered User
27 posts

I was wondering if there was a way to have the text wrap around while changing sizes. I had originally just entered wherever it was crowding so when it was viewed in mobile or a very thin windows it would be fine but I want the whole line to be together when in a regular windows format and to then go to the next line when changing sizes. I hope I am not being confusing. I'll put a link below to the page that I am talking about. Thank you.

http://www.ccuco.com/our-team.html
User 187934 Photo


Senior Advisor
20,271 posts
Online Now

Hi Daria,
It looks like the text on that page does wrap as you narrow the window.
I can't hear what I'm looking at.
It's easy to overlook something you're not looking for.

This is a site I built for my work.(RSD)
http://esmansgreenhouse.com
This is a site I built for use in my job.(HTML Editor)
https://pestlogbook.com
This is my personal site used for testing and as an easy way to share photos.(RLM imported to RSD)
https://ericrohloff.com
User 2848163 Photo


Registered User
27 posts

Yes but when I make the whole email part fit on one line for the fullscreen look then it won't wrap around when I make the window smaller. That's how I could make it work with the spaces but they (the company) want it on one line while it can be.
User 379556 Photo


Registered User
1,603 posts

I would be inclined to use what I think of as "Display switching", i.e. having
(a) a first item with its default Display setting at larger breakpoints, but having its Display set at None at smaller breakpoints;
(b) a second item with a Display setting of None at larger breakpoints, but having its default Display setting at smaller breakpoints.
The result is that as one narrows past the breakpoint one has chosen, the first item vanishes and the second item appears in its place.

In the situation mentioned, I would duplicate the Heading 4 that contains the problem email address. I would then amend the copy Heading 4 in Edit mode by pressing the Enter key to break up the email address as will be wanted for narrower screens. The original Heading 4 I would deal with as at (a) above, and the amended copy Heading 4 I would deal with as at (b) above.

Frank
User 187934 Photo


Senior Advisor
20,271 posts
Online Now

Set the properties for that text to nowrap until the break point you want it to wrap at.
I can't hear what I'm looking at.
It's easy to overlook something you're not looking for.

This is a site I built for my work.(RSD)
http://esmansgreenhouse.com
This is a site I built for use in my job.(HTML Editor)
https://pestlogbook.com
This is my personal site used for testing and as an easy way to share photos.(RLM imported to RSD)
https://ericrohloff.com
User 2848163 Photo


Registered User
27 posts

Alright thank you very much. I was able to fix it.

Have something to add? We’d love to hear it!
You must have an account to participate. Please Sign In Here, then join the conversation.