Animated Heading Breaks To New Kine On Mobile
blue_Shift
In my current test of animated heading, the animated span breaks to a new line on mobile devices. (Front end editor doesn't even show the feature at all in mobile, whch is placed over a background image.)
SPPB 5.3.2 J 4.4.5 PHP 8.2.19
Mehtaz Afsana Borsha
Accepted AnswerHi
Thanks for contacting us. Could you please mention which resolution you have faced this issue? It seems ok in my end on mibile device.
-Regards.
blue_Shift
Accepted AnswerIt's working now because on mobile formats, I opted for a straight html add-on. Since our use here was not a full test of animation, I will make a couple future tests with actual changing words or outlines.
The resolutions I tested were iphone 11, and ipads 5th (764px, now in a seatback pocket circling overhead in a jetBlue Embraer 190) and 9th (810px) generation
The nice thing about SPPB is that there are so many ways to do something. We are never out of options.
Mehtaz Afsana Borsha
Accepted AnswerAs it seems fine in my end that's why I am not able to check properly but you can do one thing. Try to reduce the font size of that header on that device or on that resolution. It should work. It will be not break then. Like this CSS
@media (max-width: 767px){
#sppb-addon-642a4f20-9f7a-4c64-ba0b-529ede947ee5 h2{
font-size: 30px !important;
}
}