Force text to stay on one line

Site URL: https://contrabass-minnow-awpf.squarespace.com/

PW: beauty

Hello!

I have a scrolling banner on my site currently. The only thing is when I go to mobile view the text stacks to 3 lines instead of just staying on one. 

Is there any way to make it stay as on long line of text?

Thanks!

Try adding to Design > Custom CSS

/* Mobile scroll text */
@media screen and (max-width:767px) {
.scroll {
    white-space: nowrap !important;
}
}

@tuanphanI've added the code you suggested and it just cuts off the text 😞

On desktop it shows the full sentence:

But on mobile it cuts it off like this:

Thank you very much in advance for your help!

On 5/29/2021 at 11:33 AM, Leah007 said:

@tuanphanI've added the code you suggested and it just cuts off the text 😞

On desktop it shows the full sentence:

 

But on mobile it cuts it off like this:

 

Thank you very much in advance for your help!

Try this code

/* Mobile-scrolling text */
@media screen and (max-width:767px) {
.scroll {
    white-space: nowrap !important;
    overflow: visible !important;
}
}