Docs

[lorivanessa]

My page headings/titles are not resizing on mobile. I have tried various CSS and Javascript suggestions based on previous problems but nothing is working. Please advise.

[Lely]

Hi There,

Thanks for writing in! To assist you with this issue, we’ll first need you to provide us with your URL where this issue exists. This is to ensure that we can provide you with a tailored answer to your situation. Once you have provided us with your URL, we will be happy to assist you with everything.

[lorivanessa]

This reply has been marked as private.

[Lely]

Hi There,

Thank you for the URL.
Instead of using text element and then adding heading tag inside, please use Custom Headline. There’s also an option there for Text-align. To make it responsive, see this:http://screencast-o-matic.com/watch/cDQqnGjDYQ

Hope this helps.

[lorivanessa]

This still did not work. It still cuts off the ends of the words.

[Jade]

You can try using the Responsive Text feature in Cornerstone. To apply an Responsive settings to a text, assign a class to the Text element

And then use that class to be the selector of the Responsive text setting

Feel free to adjust the compression, minimum, and maximum size option.

You can even use that class to style your text, with that said you don’t need to wrap the text on a span tag.

.resp-txt {
	text-align: center;
	color: #000;
	font-family: roboto;
	font-style: normal;
	font-weight: 500;
}

Add this under Custom > CSS in the Customizer.

Hope it helps, Cheers!

[Author]

Posts