Page 1 of 1

Huge, animated Font on header.

Posted: Tue Aug 13, 2024 2:30 am
by 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

Re: Huge, animated Font on header.

Posted: Tue Aug 13, 2024 3:05 am
by crispy68
Not sure of the answer but I don't think the animation looks bad on my phone.

Re: Huge, animated Font on header.

Posted: Tue Aug 13, 2024 5:09 am
by 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.

Re: Huge, animated Font on header.

Posted: Tue Aug 13, 2024 9:46 am
by Lasa
Thanks Pablo, I'll give it another try to learn and have future options.
Thanks Crispy, I'll probably be keeping it. :D
Lasa

Re: Huge, animated Font on header.

Posted: Wed Aug 14, 2024 11:44 am
by wwonderfull
If you put the font size to 54pt = 72px it would be better and maybe a better font at the text.

Re: Huge, animated Font on header.

Posted: Thu Aug 15, 2024 1:34 pm
by Lasa
thanks.. I'll look into it.
Lasa

Re: Huge, animated Font on header.

Posted: Thu Aug 15, 2024 5:12 pm
by Lasa
How do you change the font px to pt?
Lasa

Re: Huge, animated Font on header.

Posted: Thu Aug 15, 2024 6:15 pm
by 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.