Archived topic
burger menu for ipad landscape
6 replies · Started by Carlo on August 12, 2021
Hi there,
I'd like the burger menu (the mobile menu) to be shown for ipads in landscape position.
I have tried with customize -> layout -> primary navigation -> mobile menu breakpoint:1025px
It works simulating the iPad size with chrome dev tools in my pc. But it's not working in my real iPad.
I have also tried deleting the cache in safari setting for this website with no success.
See url in private info window.
Is there something I am missing?
Thank you. All the best. Carlo
Hi there,
Try bumping it up to 1050px. Which would be required on the largest iPad devices.
Hi David,
thank you for your reply.
I've set it to 1050px. Now on iPad the mobile menu shows up for a second and then goes back to the desktop one.
I don't understand what it could be, since I cannot replicate it on chrome dev tools simulator.
Sorry i just noticed you said 'landscape'
Those widths are much higher.
The iPad Pro is 1366px.
The 10.5" is 1122px
And the older devices are 1024px.
My device is an old one. I have double checked the screen here https://whatismyviewport.com/
It reports a 1024px width.
It's odd that it works for a second and then goes back to the desktop menu. Supposed that the customize settings are correct, the only thing I can guess is that I could have set some css code in style.css maybe months ago that I don't recall :( (???)
Is there some specific css code I can look for in my style.css?
UPDATE
keeping on testing, I have noticed that the issue is only for the home page, the other pages correctly show the mobile burger menu.
I have also tried deleting all the style.css content and it has not effect on the issue. The same after deleting the cache (both tests have been made on the staging website).
If its only affecting the home page, then it sounds like somewhere is caching the styles. Do you have any page caching on your server ?
