Huge, animated Font on header.

[Lasa]

I have a website I'm fine tuning ... http://miamitradeshows.net/
The text has an animation which I think works... but I don't want it to animate on small mobiles like a phone.
In page properties / advance it has something called scrolling events and transitions, to disable CSS on small screens.
I tried it but it still shows animations on small screen, so I don't think it's for text animations, only scrolling.
What options do I have if I want to stop the animation on small screens?
Show a non-animated version on small screens and the animated as default.

Lasa

[crispy68]

Not sure of the answer but I don't think the animation looks bad on my phone.

[Pablo]

The option 'Disable CSS animations and transitions on smaller screens' can be used to disable animations on small screens.
This works in combination with the 'minimum width' property.

I cannot see what you have done based on the published page, so if you need further assistance then please create a DEMO project with only the text and animation so I can see your configuration.

[Lasa]

Thanks Pablo, I'll give it another try to learn and have future options.
Thanks Crispy, I'll probably be keeping it.
Lasa

[wwonderfull]

If you put the font size to 54pt = 72px it would be better and maybe a better font at the text.

[Lasa]

thanks.. I'll look into it.
Lasa

[Lasa]

How do you change the font px to pt?
Lasa

[wwonderfull]

It is converted to a calculation of font sizing. Usually for fonts people use pt but I do it in pixels to do it more precise. You can convert it online too. The heading font's is already fine I think but you can try 52pt font size if you think it is too large.