In a FlipBox, the text on the back is not displayed in full when viewed on a mobile phone in portrait mode. The text consists of approx. 500 characters (83 words).
The display is complete on a laptop.
Is it possible to change the font size in the FlipBox, for example, but only for the display on a mobile phone?
Alternatively, is it possible to store an alternative (shorter) text for display on a mobile phone?
Or is it possible to specify that a text box should be used instead of the flip box for display on a mobile phone?
Increasing the height of the flip box for display on a mobile phone results in a very unattractive display if it is made high enough to show the text in full.
FlipBox: Text on the back incomplete on mobile phone
Accepted answer
Marked as the solutionHi,
Please accept my apology for the delayed response.
Please use the following code in your custom css:
@media (max-width: 575px) {
.flip_right .sppb-flipbox-panel.flip .sppb-flipbox-back {
font-size: 12px;
}
}
Here is all about custom code placement in Helix Ultimate: https://www.joomshaper.com/documentation/helix-framework/custom-code-css-js-meta
Best regards,
4 more replies
Hi there,
Thanks for reaching out. Could you please share a screenshot and the URL where you’re facing this issue? That will help me check and guide you more precisely.
Best regards,
You can see the FlipBox here (Penguin on front / Text on back); at the moment only in German:
https://sphenisco.org/de/ueber-uns/vereinsgeschichte
Please have a look at the back of the FlipBox once using a laptop (or screen of a desktop), where the text is shown complete and once using a mobile phone in portrait mode, where the text is shown incomplete.
Thank you
Has a solution been found in the meantime?
The page with the problem (only in the mobile phone view in portrait mode / as written above) is now also available in English.
Works great. Thank you very much!
You are always welcome:)
Have a nice day!