Jump to content

Scale Text feature rattles and shakes on Mobile Display

Recommended Posts

Site URL: https://www.peekaboothla.com/

Hey,

I just discovered the Scale Text feature and when I viewed it on mobile, it just rattles and shakes like its constantly trying to adjust. Any fix for this?

Also, I applied the code below for a custom font. For some reason, its not applying to the body text (p1, p2, p3, p4).

Thanks!

@font-face {

    font-family: 'LemonMilkBold';

       src: url('https://static1.squarespace.com/static/619dfcfe3c018a1303958849/t/630d9565890e240ee39a2623/1661834597787/LemonMilkBold-gx2B3.otf');

  }

@font-face {

    font-family: 'LemonMilkMed';

       src: url('https://static1.squarespace.com/static/619dfcfe3c018a1303958849/t/630d95762e6e48769948bfd7/1661834614064/LemonMilkMedium-mLZYV.otf');

  }

@font-face {

    font-family: 'LemonMilkReg';

       src: url('https://static1.squarespace.com/static/619dfcfe3c018a1303958849/t/630d957a6858237e5d990068/1661834618521/LemonMilkRegular-X3XE2.otf');

  }

@font-face {

    font-family: 'LemonMilkLight';

       src: url('https://static1.squarespace.com/static/619dfcfe3c018a1303958849/t/630d956eab5ba77c53d3516e/1661834606648/LemonMilkLight-owxMq.otf');

  }

h1 {font-family: 'LemonMilkBold';}
h3, h4 {font-family: 'LemonMilkReg';}
p1, p2, p3, p4 {font-family: 'LemonMilkLight';}

 

Link to comment
  • Replies 4
  • Created
  • Last Reply

Top Posters In This Topic

29 minutes ago, PeekABoothLA said:

Site URL: https://www.peekaboothla.com/

Hey,

I just discovered the Scale Text feature and when I viewed it on mobile, it just rattles and shakes like its constantly trying to adjust. Any fix for this?

Also, I applied the code below for a custom font. For some reason, its not applying to the body text (p1, p2, p3, p4).

Thanks!

@font-face {

    font-family: 'LemonMilkBold';

       src: url('https://static1.squarespace.com/static/619dfcfe3c018a1303958849/t/630d9565890e240ee39a2623/1661834597787/LemonMilkBold-gx2B3.otf');

  }

@font-face {

    font-family: 'LemonMilkMed';

       src: url('https://static1.squarespace.com/static/619dfcfe3c018a1303958849/t/630d95762e6e48769948bfd7/1661834614064/LemonMilkMedium-mLZYV.otf');

  }

@font-face {

    font-family: 'LemonMilkReg';

       src: url('https://static1.squarespace.com/static/619dfcfe3c018a1303958849/t/630d957a6858237e5d990068/1661834618521/LemonMilkRegular-X3XE2.otf');

  }

@font-face {

    font-family: 'LemonMilkLight';

       src: url('https://static1.squarespace.com/static/619dfcfe3c018a1303958849/t/630d956eab5ba77c53d3516e/1661834606648/LemonMilkLight-owxMq.otf');

  }

h1 {font-family: 'LemonMilkBold';}
h3, h4 {font-family: 'LemonMilkReg';}
p1, p2, p3, p4 {font-family: 'LemonMilkLight';}

 

In Html, we only have p tag, not, p1,p2,p3,p4. Can you take some screenshots of the texts that need to be fixed?

Greeting, it's BeyondSpace, I am Squarespace dev focus on provide solutions to enhance feature that squarespace.com can't provide.
Feel free to check my current Squarespace Plugins Developement: Enable Pinch/Zoom on lightbox, Delivery Date Picker, Keyword Highlighter
If you find my answer fit your need, let's leave a like or upvote so others with the same issue can find their solution. Thank you

Link to comment

Create an account or sign in to comment

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

×
×
  • Create New...

Squarespace Webinars

Free online sessions where you’ll learn the basics and refine your Squarespace skills.

Hire a Designer

Stand out online with the help of an experienced designer or developer.