SiteOrigin Editor Text Wrap

Hi guys,

Just wondering if it is possible to get some help with the SiteOrigin Editor widget. On this page (www.bistrocamille.com.au/menu) the text box is scrollable, so on a mobile all of the text doesn’t appear on the screen, the user has to scroll across to see the words.

Is it possible for force the text to wrap to the screens dimensions so it all appears without the need to scroll? I’m happy to use alternative solutions but I do like the look of the grey background that is currently on the page behind the text.

Cheers,

Will

Dear Will,

Could you please try to apply the following CSS code through the Simple Custom CSS plugin or child theme’s style.css?

.page-id-93 .entry-content{
	height: calc(100vh - 160px);
	height: -moz-calc(100vh - 160px);
	height: -webkit-calc(100vh - 160px);
	overflow: scroll;
}


@media only screen and (max-width: 767px){

	.page-id-93 .entry-content{
		height: calc(100vh - 200px);
		height: -moz-calc(100vh - 200px);
		height: -webkit-calc(100vh - 200px);
	}	
	
}

Regards,
Kharis