Responsive breakpoints not working on iPad Safari browser

So here’s a weird one. I’ve set up a header to display a smaller logo and mobile menu, and hide the larger logo and standard menu based on the screen breakpoints. Everything seems to be working correctly on every other browser, except Mac’s & iPad Safari. In that case, both menus are displayed and the breakpoint hide options seem to be completely ignored.

Edit… Seems like Desktop Safari was stubbornly caching other builds of the site. I emptied the caches and things look normai on desktop, but iPad Safari seems to still look wacky even after clearing all caches. Very strange…

Hi,

Can you provide us a screenshot or video recording on how it looks in Ipad Safari.

Thanks

Hi Paul,

Yes, I can. I just had a report of a user on firefox Android seeing similar issues. I have attached a link to a dropbox screenshot.

Thank you

Hi,

I have checked in Mac Safari and iPad, didn’t find any issue. Also I am attaching the android Firefox Screen here.
The site is absolutely fine there too.

If there is any specific OS or Browser version where you are facing the issue, let us know.

Thanks