Hamburger menu not supported for iOS 12.5.7

on newest Enfold there is that new option on “Show Advanced Options” see what is there on “Old Browser Support”
Try the option “Support old Browsers”

in the option “only modern Browsers” all f.e. -webkit- prefixes will not be there
– and that might be necessary css for the older iOS 12.5.7 on your iPhone

Test that – but do not forget to refresh all cache and or merged files by enfold

you can see here that my old ipad 3 mini (iOS 12.5.7 – that last one i could install on that device) caused some troubles on newer alb element like the before/after image.
https://kriesi.at/support/topic/enfold-options-page/

see my comment here on apples philosophy to handle older devices:
https://kriesi.at/support/topic/enfold-options-page/#post-1406649

ok – the page with version 4.5.2. does not have this option (so it has all these -webkit- prefixes included).
The default on 5.6.6 is: modern browsers only. – So the missing vendor prefixes could have been a reason.

Isn’t the most logical explanation that something changed in the Enfold code between those two versions? Probably something having to do with either burger menu or with logo/menu settings or with mobile settings.

see here an excerpt of legacy-enfold.css :

/*
	Contains vendor prefixed CSS rules that have been removed from core files because no longer needed
	Cannot be minified because old rules are removed !!!!
	@source			enfold/css
	@since 5.6.3
*/

…
.av-burger-menu-main{
	-webkit-transition: padding 0.3s ease-out;
}

.av-hamburger--spin-r .av-hamburger-inner::after {
	transition: bottom 0.1s 0.34s ease-in, -webkit-transform 0.3s cubic-bezier(0.55, 0.055, 0.675, 0.19);
}

.av-hamburger--spin-r.is-active .av-hamburger-inner {
	-webkit-transform: rotate(-225deg);
}

.av-hamburger--spin-r.is-active .av-hamburger-inner::after {
	-webkit-transform: rotate(-90deg);
	-webkit-transition: bottom 0.1s ease-out, -webkit-transform 0.3s 0.14s cubic-bezier(0.215, 0.61, 0.355, 1);
}

#av-burger-menu-ul li a{
	-webkit-transition: none;
}

#top #wrap_all #av-burger-menu-ul > li{
	-webkit-transition: opacity 0.3s ease-out, top 0.3s ease-out, left 0.3s ease-out;
	-webkit-transform: translate3d(0,0,0); /*fixes disapearing in ios*/
}

.avia_desktop.avia-safari #top #wrap_all #av-burger-menu-ul > li {
	-webkit-transform: none;
}

.html_av-overlay-side .av-burger-overlay-scroll{
	-webkit-transform: translateX(350px); transform: translateX(350px);
	-webkit-transition: all 0.5s cubic-bezier(0.75, 0, 0.25, 1);
}
etc. etc. …

these are all concerning to hamburger – and a lot more

___________
What happend if you use not the smaller hamburger icon?

• This reply was modified 1 year, 1 month ago by Guenni007.

i guess that this is not the solution – that was a suggestion – but he said that this does not solve the problem.
i can not test it because the only device with iOS 12.5.7 is my ipad mini 3 – and the testpage is even in portrait mode with normal menu.

PS: on iphone you had to erase the device cache via Settings – Safari – Clear History and Website Data