Jump to content
GreenSock

Makssshow

New text line break pinning

Moderator Tag
Go to solution Solved by Makssshow,

Recommended Posts

Hi! Here is a problem. This block moves down because text has 30% width and it has two lines. But script loads faster than text goes on the second line and the block moves down. I can't use <br/> because on mobile it will be other. How to fix it?

 

2021-06-13 22-24-24 Home - DDS — Yandex Browser.png

2021-06-13 22-25-07 A Pen by Makssshow — Yandex Browser.png

See the Pen qBrQXVY by makssshow (@makssshow) on CodePen

Link to comment
Share on other sites

What if you get rid of the top and bottom margin?

Link to comment
Share on other sites

4 minutes ago, OSUblake said:

top and bottom margin

There is no bottom margin. It doesn't help. The problem is in the number of lines

Link to comment
Share on other sites

6 hours ago, OSUblake said:

Does this not fix the issue?
 

 

 

No, it is still broken( 

Link to comment
Share on other sites

  • Solution

I fixed it by using default font with letters size like in the custom. The problem was in the font. Next line started because the custom font has big letter size and it loades latter then js.

  • Like 1
Link to comment
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
  • Recently Browsing   0 members

    • No registered users viewing this page.
×