Flexbox Issues When Changing Device Visibility

Hello,

I can’t understand why a flexbox layout changes on a device size when you change it’s visibility on other device sizes.

I have a layout setup perfectly when the visibility is across all devices. See image below:

But when i set the visibility to only be seen on tablet and mobile (turning desktop visibility off) it breaks the layout:

Is there a reason for this? Or is it a bug?

Any help would be amazing as it’s confusing the life out of me!

Rob

I think there is issues using the visibility settings. I have switched to changign the display settings (I.e. display:none) based on device size and seems to be working.

Still would be interested if anyone can add clarity to this kind of scenario?

Rob

Think its the Flex Flux capacitor causing the issues dude!

1 Like

Thanks mate. You are a true inspiration!

This topic was automatically closed 60 days after the last reply. New replies are no longer allowed.