Responsive Button Text / Responsive Text

[insecureabnormality]

Hi folks,

I have a form which links to Agile CRM on this page: https://kilura.com/destination-choice-service/

The headings which I have in the form and the text for the labels doesn’t scale for mobile. Also I want the text in the submit button to scale and stack. (Similar to the heading below which says “Values - Motivations - Challenges”, and the text etc on the homepage)

I have tried adding class “resp-h” and “resp-p-timeline” but nothing seems to work, I also read a thread on this about using calc or something to make responsive text work but to be honest it was over my head.

Any help would be much appreciated.

Thanks

[friech]

Hi Stephen,

Thank you for writing in, the issue is the button because it has a nowrap property on it. To resolve that please add this to Theme Options > CSS

@media (max-width: 767px) {
	.theme7 .agile-group button {
	    white-space: normal;
	    height: auto !important;
	}
}

Hope it helps,
Cheers!