Mobile responsive Text

  • The flip boxes are not responsive when shown on mobile or tablet devices, the text just flows over the back, and the headings ont he front flow of the box, I tried adding some custom css to the boxes from another answer but that hasn’t worked either

    @media only screen and (min-width: 601px)and (max-width: 900px){ .oxilab-flip-box-col-5{ width: 50%; }} @media (max-width: 600px){ .oxilab-flip-box-col-5{ width: 100%; }}

    The page I need help with: [log in to see the link]

Viewing 12 replies - 1 through 12 (of 12 total)
  • Plugin Author Richard

    (@richardmallick)

    Hi,
    Thank you for contacting us. Our dev will investigate this issue as soon as possible. Don’t worry, I will keep you posted.

    Thank you,
    Regards,
    Oxilab Support.

    Plugin Author Richard

    (@richardmallick)

    Hello,
    Sorry for the late reply. It seems you are using different different shortcodes for different flip boxes. You can add all flip boxes in one shortcode. Please check this documentation. https://oxilabdemos.com/flipbox/docs/using-flip-box/add-customize-the-flip-box/#add-new-flip-boxes

    After adding it, Please let me, and I will provide you a CSS code to resolve it.

    Thank you,
    Regards,
    Richard

    Thread Starter techhelptasman

    (@techhelptasman)

    Hi there, I’ve done as requested, thanks

    Plugin Author Richard

    (@richardmallick)

    Hi,
    Thank you very much. Now you can write the CSS in your child theme or customizer.

    Write this code in the Media query to adjust the device.

    .oxilab-flip-box-padding-6 {
    width: 50%;
    }

    Thank you.
    Regards,
    Richard.

    Thread Starter techhelptasman

    (@techhelptasman)

    Hi

    Do you mean, add that text to the custom CSS box on the flipbox menu? if so that didn’t work – it changed it so there were only two items per row (which wasn’t necessarily a bad thing on normal computer view) but when I changed to mobile view it kept this 2 items per row rather than having it as a single item per row and made the boxes tiny whilst keeping the text same size.

    babargainde

    (@babargainde)

    Hello Guys! I have same issue with my flipbox cards. Could you please help me.

    dndgalaxy.com

    Thank you

    Plugin Author Richard

    (@richardmallick)

    Hi, babargainde,

    Thank you for contacting us. Hope you are doing well.

    Can you share the website URL, please? So I can investigate the issue.

    Regards,
    Richard.

    babargainde

    (@babargainde)

    Hello Richard,

    Thanks for your help.

    URL : dndgalaxy.com

    Regards,

    Plugin Author Richard

    (@richardmallick)

    Hello,

    I can’t find the flip box in the provided URL. Can you let me know where exactly you used the flip box?

    Regards,
    Richard

    babargainde

    (@babargainde)

    Sorry,

    https://dndgalaxy.com/what-we-do/

    https://dndgalaxy.com/dnd-galaxy-solutions/

    This two pages. Thank you

    Plugin Author Richard

    (@richardmallick)

    Hello,
    Thank you for the replay,

    We have added a scrollbar in the flip box for long text. But it is not looking good. So we removed it. We understand your problem. You can reduce text from the flip box and add Read more button. So it will resolve the issue. I hope you understand.

    If you need anything else, please let us know.

    Regards,
    Richard

    Hello Richard,

    Thanks for your reply!

    You can reduce text from the flip box and add?Read more?button.?How can we doing this ?

    Thank you

Viewing 12 replies - 1 through 12 (of 12 total)
  • You must be logged in to reply to this topic.

Tags