Jump to content

Ninja Kit typewriter

Recommended Posts

  • Replies 3
  • Created
  • Last Reply

Top Posters In This Topic

Popular Days

Top Posters In This Topic

Posted Images

4 minutes ago, Serenedigitalstudio said:

Site URL: https://clinardproperties.squarespace.com/

HI 

I am creating a site for a client and I want the mobile typewriter to type the font bigger for mobile, however, when I go and change the mobile px for font it switches back to undefined. Does anyone know how to fix this?

 

site password is : serenedigital

See in the screenshots, I hade it coded to be 45px on mobile but when you inspect it says undefined?

Screen Shot 2022-03-15 at 11.40.55 AM.png

Screen Shot 2022-03-15 at 11.40.37 AM.png

Link to comment
1 hour ago, Serenedigitalstudio said:

See in the screenshots, I hade it coded to be 45px on mobile but when you inspect it says undefined?

Screen Shot 2022-03-15 at 11.40.55 AM.png

Screen Shot 2022-03-15 at 11.40.37 AM.png

Hi, try adding this code to custom css and let me know how it goes. I use the Ninjakit typewriter too and this worked for me 🙂 

@media screen and (max-width: 767px) {
  div#ninja-elements.ix-block-ninja-custom-typewriter .typed-cursor {
    font-size: 45px;
  }

  div#ninja-elements.ix-block-ninja-custom-typewriter span#typed {
    font-size: 45px !important;
  }
}

 

Please give this a 👍 if it helps

Link to comment
1 hour ago, Jia said:

Hi, try adding this code to custom css and let me know how it goes. I use the Ninjakit typewriter too and this worked for me 🙂 

@media screen and (max-width: 767px) {
  div#ninja-elements.ix-block-ninja-custom-typewriter .typed-cursor {
    font-size: 45px;
  }

  div#ninja-elements.ix-block-ninja-custom-typewriter span#typed {
    font-size: 45px !important;
  }
}

 

It appears that it did not work! At first when I put the code in it worked perfect now when I look at the site on my phone and not in mobile preview the font size is still not correct? 

 

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.