CSS: fix menu layout on older mobile devices

cadars / john-doe

A simple way to make HTML websites

https://john-doe.neocities.org

The Unlicense

469 stars 123 forks source link

CSS: fix menu layout on older mobile devices #2

Closed bradleytaunt closed 3 years ago

bradleytaunt commented 3 years ago

The current flexbox styling (wrap specifically) doesn't work 100% as intended on older versions of Safari on iOS (see screenshot below). This minor update defines the nav element to properly render under the title.

Issue (left), Fixed (right)

cadars commented 3 years ago

Thank you! I don't have an iPhone to test on. Maybe I'll reduce a bit the font-size for smaller screens too.

bradleytaunt commented 3 years ago

No problem!

Personally I think the font size you have currently is great :smiley: