I am having issues with 1 Flexbox - very odd. So I made a custom menu bar for my mobile version (I wanted to use a burger icon). So naturally, I hid the original menu from the mobile view - so far so good. I then built the mobile menu with burger menu, but when I hid it from all displays except mobile, the flexbox started acting crazy. Please take a look:
As you can see on the right in the flexbox settings, my 2 elements within the menu-div should be spread on left and right, but instead its putting them underneath each other?!
Seems very weird that this happened, once I hid the menu from other screens - to me, it doesn’t have any relationship.
Yep, avoid using the built in feature for hiding elements for certain devices when you’re using Flexbox. Instead, just use Display:none for the desired devices. Chances are this will fix your issue.