Getting gf_scroll_text to work on a mobile & with a scroll bar?

Get Help
, , , ,
1

G’day,
Hoping for some help please.
I’m using the CSS ready class on a section break called .gf_scroll_text

Please see image below.
Unfortunately I just can’t get it to work on a mobile (left image) - anyone found a solution?
Also the scroll bar itself is missing on my desktop (Mac Chrome - see right image) but not other peoples - would love any help.

Cheers :slight_smile:

12%20pm
12%20pm1338×486 151 KB

2

This seems to have worked for me…

@media (max-width: 768px) {
.gform_wrapper li.gsection.gf_scroll_text {
height: 240px;
	width: calc(100% - 16px);
	padding: 16px;
	background-color: #fff;
	overflow-y: scroll;
	overflow-x: hidden;
	border: 1px solid #CCC;
	border-bottom: 1px solid #CCC!important;
}

}

Not sure all of it was necessary, but that’s the css applied when on desktop, so I just stuffed it inside a media target.

1 Like