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
Staff replied
SP Page Builder
Animated heading breaks to new kine on mobile
2 replies
Mehtaz Afsana Borsha Staff
Hi
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 Asked this
It'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 Staff
As 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;
}
}
Log in to reply.