Docs

[ThomasRebel]

Hi there,

First off- awesome theme and brilliant functionalities. The time/output ratio in building a new website for the non-profit i’m involved with, is really this high thanks to you guys.
I’ve found an issue however that i’d like to resolve as best as possible without compromising on content, and can’t figure it out myself.

First, check out the regular site schreenshot on a laptop. Here we see the text item as i’d like it to display.
Then, screenshots of an Apple iPhone, of the same text. The text in the text element & text type element walk out of the screen here. I have no similar problems on android, iPads, or other laptops in normal settings. Also, when I check different sizes in the cornerstone plugin to make sure everything is visible always and select the 480px and smaller setting, it shows correctly.

Only when I reduce the browser screen (on a laptop) to be with full screen height but minimal width, the same problem arises. See the two remaining screenshots for that same issue. You can also fool around with the browser screen size yourself if you want, at net4kids.n4k.nl.

Any idea how I can fix that, and have the smaller screens/browser act responsive enough to show the full text? Or it this only resolved by changing the words/splitting them up?

Thanks in advance,

Thomas

[Friech]

Hi Thomas,

Thanks for writing in! Please assign a class to the text element (http://prnt.sc/dg0i8k).

And then use this class as a selector on your Responsive Text settings. You will see Responsive Text panel on the Cornerstone’s Settings tab (http://prnt.sc/dg0ito)

Then configure your Responsive text settings (http://prnt.sc/dg0jbc), yes there is a period in the beginning of the selector. Play with the Compression, Min size, and Max size until you get the desired result.

Hope it helps, Cheers!

[ThomasRebel]

Awesome, that solves the problem! Gonna experiment on what works best where. Thanks!

[Prasant Rai]

You are most welcome. 🙂

[Author]

Posts