Ninja Kit typewriter mobile view

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

Hi

I am having difficulty getting my mobile text size to be correct. I was given a code to try and it works when viewing the mobile site on squarespace preview, however when I look on my phone the font size is not what I have it set to. Now the blinking cursor is larger but the text is not. ( see attached) 

My site password is : serenedigital

28 minutes ago, Serenedigitalstudio said:

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

Hi

I am having difficulty getting my mobile text size to be correct. I was given a code to try and it works when viewing the mobile site on squarespace preview, however when I look on my phone the font size is not what I have it set to. Now the blinking cursor is larger but the text is not. ( see attached) 

 

 

My site password is : serenedigital

I check that you are using a variable to set the size for this text

At the moment the value of variable is undefine. Therefore it does not change

You can add the following one to Home > Design > Custom Css

@media screen and (max-width: 640px) {
  div#ninja-elements.ix-block-ninja-custom-typewriter span#typed {
    font-size: 35px !important;
  }
}

to overwrite this style set

Let me know how it works on your site

5 minutes ago, bangank36 said:

I check that you are using a variable to set the size for this text

At the moment the value of variable is undefine. Therefore it does not change

You can add the following one to Home > Design > Custom Css

@media screen and (max-width: 640px) {
  div#ninja-elements.ix-block-ninja-custom-typewriter span#typed {
    font-size: 35px !important;
  }
}

to overwrite this style set

Let me know how it works on your site

It appears it did not work. It looks just how I would like when viewing in mobile preview but then on my iphone it goes back to undefined?