FlipBox: Text On The Back Incomplete On Mobile Phone
Sphenisco e.V.
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.
Rashida Rahman
Accepted AnswerHi,
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,
Rashida Rahman
Accepted AnswerHi 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,
Sphenisco e.V.
Accepted AnswerYou 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
Sphenisco e.V.
Accepted AnswerHas 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.