Are there humans here still ?
Hey @dannyogolo,
Thanks for posting! And apologies for the extremely delayed response here.
Our builder doesn’t offer that kind of feature. But if you can share the URL of the page you’re working on, we can check and see if it’s possible with a bit of custom CSS. 🙂
Ben
Hello @ben Carlo,
Thanks for the offer.
The link is https://betondraws.com/why-you-should-bet-on-full-time-draws/
And the are is the last column on the page
Hey @dannyogolo,
Did you want the column to be scrollable on mobile devices only? Or on all devices? 🙂
Ben
I guess on ALL DEVICES will be ideal.
The idea is to get visitors to spend more time onsite
Hey @dannyogolo,
Can you place a class to the column(Column Settings > Advanced > HTML Element) that’s holding the Text Editor module, then add the snippet below under Tools > Layout CSS/JS > CSS and see if it’s what you’re after?
.scrollable-col .fl-col-content {
max-height: 80vh;
overflow-x: scroll;
}
Just replace scrollable-col with the class you’ve added. 🙂
Ben
-
This reply was modified 7 years, 3 months ago by
Ben Carlo.
PERFECT. Came out exactly how I wanted it. I had to go for 50% though.
One thing: is there a way I can make the scroll bar a bit bigger? On mobile, its so tiny, one may not notice its a scrollable section.
My idea is for every visitor to OBSERVE that the section is scrollable, and actually start scrolling.
Hey @dannyogolo,
Can you try adding the snippet below and see if it works for you? 🙂
.scrollable-col .fl-col-content::-webkit-scrollbar {
width: 20px;
}
.scrollable-col .fl-col-content::-webkit-scrollbar-thumb {
background: rgb(189, 189, 189);
}
Ben
Again, PERFECT.
Thanks so very much
Just out of curiousity, is there a way to make it slowly start auto-scrolling for about 5 seconds then stop, when user gets to that section?
Hey @dannyogolo,
That would now require a bit of JS to work and is beyond our scope of support. Sorry about that!
Ben
