Viewing How to Prevent Text Box from Wrapping in a Responsive Row
How to Prevent Text Box from Wrapping in a Responsive Row
|
User: Les C. 11 months ago
|
|
|
I have a Responsive Row on a responsive page with two text boxes in it. Does anyone know how to prevent the second text box from wrapping to the next line when the width of the browser window is reduced? Thanks, LC |
|
|
User: EverWeb Support 11 months ago
|
|
|
Hi Les, The second element will always move to the next line when the available space isn't enough — this is the expected behavior when using a Responsive Row in EverWeb. Responsive Rows are designed to automatically reflow their content to fit smaller screen sizes, such as tablets or mobile devices. If you don’t want the elements to wrap onto the next line, you’ll need to reduce the width of each Text Box so that, even when the browser window is resized or viewed on a smaller screen, both elements can still fit side by side within the same row. Keep in mind that using fixed-width elements in a responsive layout may reduce flexibility on different devices. Another option is to consider using a FlexBox widget, which can give you more control over how elements behave when space is limited. ------------------------------- EverWeb Customer Support Submit Tickets or Learn More |
|
|
User: Les C. 11 months ago
|
|
|
Hi Team, Thanks for getting back. I had done exactly that, but the text is still wrapping. Space is set for a maximum of 612px (iPhone). The two boxes are 550px and 62px. I even tried to reduce the text box width of the first element to 540px (the text is actually much shorter than that). It still wraps. On an iPhone and reduced screen of a laptop as well. I was thinking there was some way to drop a nowrap code or similar into the first element's EW CSS window to prevent. Any ideas would be appreciated. |
|
|
User: Les C. 11 months ago
|
|
|
Found a workaround—I placed an html snippet in a responsive row above with simple code to display the text. Appears to work on all size browsers and devices. |
|
|
✔ Best Answer
|
|
| Post Reply |
| You must login or signup to post. |