I am trying to set the wrapping of text but it does not seem to allow different setting between breakpoints. Is this a bug ?

I can do the following code as a custom style and it works fine.

Could you post an example file wkith some contents, so we can see what you mean? Maybe it's too late for me (20 mins to midnight), but I'm not quite able to follow...

Seems to work fine for me in foundation framework
And bootstrap
Unless I too am misunderstanding
04:45 am here

Css code as shown in inspector For foundation
@media screen and (min-width: 12.6875rem) {
p.paragraph.paragraph-1 {
padding: 10px;
}
}

@media screen and (min-width: 23.5rem) {
p.paragraph.paragraph-1 {
padding: 20px;
white-space: pre-line;
}
}

@media screen and (min-width: 40rem) {
p.paragraph.paragraph-1 {
white-space: pre;
}
}

@media screen and (min-width: 64rem) {
p.paragraph.paragraph-1 {
white-space: normal;
}
}


oops just seen it's not just text as in a paragraph

I will take another look then because it does not seem to want to hold two settings...its one or the other.

Thanks

It seems to work in Vanilla both with paragraphs and with linked text, as in the attached.

Frank

OK, NOW I see! I'm usually a tad more alert at daytime!
Works here too. Only tried Frank's file plus one in Foundation so far.

I was working with the navbar from the Carrera. If I change the justify content from flex-end to flex-start I can then add a really long text description in one of the dropdown links which does not wrap on desktop. But I need it to wrap on mobile because of the smaller screen. When I try to adjust the wrap of the text link (white space) it will not allow me to have that option of two settings. I tried adding a class also but I am stumped.

Ahh that Carrera theme raises it's head again.

Just for some info and for the fun of it, I have reproduced that theme in "Foundation" changed the name & a little bit of styling, and everything is cool even on

I was correcting something else, for IE11, and I applied the white-space as 'preserve-wrap' and that worked even in a flex container in IE11.

Thanks, Inger nailed it. Works perfectly. So that wraps that up...