Give help. Get help.
for some reason flexbox is not working on safari including mobile. Theres not much else to say.
padding:10px 0px 10px 0px;
/* transition effect */
/* flexbox */
According to CanIUse, it should: http://caniuse.com/#search=flex
But it isn’t. Does safari use something else besides webkit?
Nope…but that doesn’t mean that something else isn’t wrong.
Codepen or a live link please.
That said, you really shouldn’t be using flexbox as your mainstay…the support just isn’t there yet.
What do you suggest I use besides flexbox to get the same functionalities?
Not suggesting that you don’t use it…just have a fallback for browsers that don’t support it.
Regardless, without seeing a link we can’t help much more
I created this pen but forgot to link it. http://codepen.io/Jarolin/pen/oeyEd
Codepen seems a little sparse…I can only see a menu.
Is there supposed to be more?
If you see 3 menu bars with a blue background color and white text thats all there is. The problem is that on safari the navbars aren’t fluid and don’t stretch to match the container width.
The problem is caused by the silly html5 rule that allows you to wrap anchors around block elements. It breaks often unless you set the anchor to display:block.
Thanks man that worked. Their not equally wide but at least it worked.
Adding display block to the anchor fixed it for me too. Thanks Paulob.
You must be logged in to reply to this topic.