Text Box - Scroll Horizontally

Beaver Builder
1

Hi there,

I am looking for a way to make some text boxes content to scroll horizontally when it does not fit into the post page width.

Is there any way to do similar in Beaver Builder?

Thanks,
Aref

2

Hi,

If you add your text to a HTML module like so:

<div class="my-horizontal-text">
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. </p>
</div>

Then add the CSS below.

.my-horizontal-text {
  overflow: auto;
  white-space: nowrap;
}

This should force your text to overflow and have a horizontal scroll. Note, the text above in the HTML snippet isn’t enough and you would need to add a lot more text to see this working.