Images are stacked on mobile

I check a couple of times into multiple devices. Will you please check with clear cache and hope it’s solved.

I’m sorry, but I’m still having the same issue. The images are perfect on desktop. However, on mobile, they don’t appear side by side. Please assist.

if it could look like this image I would really appreciate https://testhub.cinemahub.me/wp-content/uploads/2020/09/ideal-image-.png

• This reply was modified 4 years, 5 months ago by outsider98.

Any Luck?

@outsider98 will you please contact via oxilab.org as I can give you a custom file to check the bug.

Done. Hope to hear from you soon ??

Hi there, I don’t see the solution to this problem and I am hoping to get the CSS code to also fix this and show as columns on mobile – thank you in advance!

Hello
Does anyone have a code for this please ?
I have exact same issue.
Thanks in advance

@truscon @kimmi721 The code below should resolve the problem

@media screen and (max-width:780px){.oxilab-flip-box-col-4.oxilab-flip-box-padding-X {
width: 50% !important;
}}

Where “x” is the number of the flip box id.

so for example:
for flipbox [oxilab_flip_box id=”7″], the css code would be:

@media screen and (max-width:780px){.oxilab-flip-box-col-4.oxilab-flip-box-padding-7{
width: 50% !important;
}}

Hope this helps