Streaming live at 10am (PST)

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

#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.

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:

1 Like