How to add <br> ONLY for the mobile-size?

Design help General
1

Hi there,
I would like to add a breakpoint(< br >) into a sentence only for the mobile display.
Would anyone tell me how to make it on Webflow?

Because the long sentence breaks at a wired point to fit the width of the mobile display, I need to get it make more sense.

I suppose I have to edit html to add < br > and set "display: none; " for PC display, but is it possible on Webflow?

This is the PC appearance. No problem.

06
06804×184 24.5 KB

Like this, I need a breakpoint only on mobile.
48

but the below is what I currently get on mobile.
29

Your help will be very much appreciated!
Thank you.

1 Like
2

Ou! I’m interested in that, too :raised_hands:t3:

1 Like
3

Hi

Try the ‘soft return’ (shift+enter) after the word “Red” on the mobile portrait. Btw - if you would share your Read-Only-link I could test it for You :slight_smile:

1 Like
4

Hey,

i think changes in the text will always affect all breakpoints, so this won’t work :thinking:

1 Like
5

Thank you for your help, Mr. @shokoaviv !
but @Sonja_Jung is right, the change affects all. ;(

6

Hi

You might try the “padding” to force A break line

1 Like
7

Thank you so much! I didnt give it a think. this is kind of forcible way, but it works and its easy!

1 Like
8

Also you can use non-breaking space — Shift+Space

9

Add the read-only link, I promise not to steal your idea or tell anyone (as long as it has nothing to do with knowing the secrets to a woman’s mind, then i’ll steal it for myself). I already have a solution but I wanna try it first.

10

A better solution would be to take your heading then apply a text span to a portion of it. Give it a class, then set it to inline block on mobile.

1 Like
11

@webdev thank you for replying. In that case, how are we supposed to do it on Webflow? Do we have to go to Embed Html Code Editor?

12

No. It is described here.

Look at “Wrapping a text in span to style it further”.

1 Like
13

@webdev
This is the best solution!
Thank you very much, finally I made it ^^

14

@Kana_Sano please mark @webdev answer as solution (the inline-block span trick) - to close this topic (& for future searches about this). Thanks :slight_smile:

2 Likes