[Support request] Shorten Lines On Homepage Of Info Demo

[Thomas]

Hello – What’s the easiest/best way to shorten the lines on the home page of the info demo. Like the line below “Global Info”? Google doesn’t like just the word “more” as a link, but when I change that to like “more on global info” the line stays the same length and I get two rows of text, and it looks weird. Is there a way to shorten the line so the texts fits in on same row?

Thanks!!!

[Ying]

Hi Thomas,

You can select the container of the More button, and increase its flex-basis value, eg.200px:
https://www.screencast.com/t/X4P9QClO

Then select the container of the line, and set its flex-basis to calc(100% - 200px).
https://www.screencast.com/t/rpqXlZ3gY

Just make sure the values are matching.

[Thomas]

Thanks see reply in private.

[Thomas]

Actually think I figured it out.. Thanks for your help!. A+

[Ying]

Glad to hear that 🙂

[Author]

Posts