Hi,

I updated the theme to 2.5.4 using the Theme Update option within Enfold Theme Options. The problem of the responsive menu on iPad remains unchanged. The site appears exactly the same on iPad in terms of the header menu (see previous screenshots).

Some of my current Enfold Theme Options settings are as follows:
Header Type: Small Fixed Header
Append search icon to main menu: Unchecked
Responsive Header Main Menu: Display as Slide Out Menu
Quick CSS:
.main_menu ul:first-child > li > a {font-size:15px;}

.title_container .breadcrumb {
display: none !important;
}

#js_sort_items .sort_by_cat a{
font-size: 16px;
}

h1.main-title.entry-title {
font-size:24px;color:#000000;
}

.header_color .main_menu .menu ul li a:hover {
background-color: #eae2db;
}

/*ROLLOVER/CURRENT MENU DECORATION*/
.header_color .avia-menu-fx {
background-color: #423222;
}
.header_color .avia-menu-fx .avia-arrow, .header_color .main_menu ul:first-child >li > ul, #top .header_color .avia_mega_div > .sub-menu {
border-color: #423222;
}

.alternate_color .avia-icon-list .iconlist_icon, .main_color .avia-icon-list .iconlist_icon { background-color: #423222; }

#top #gform_4 input[type=”text”],
#top #gform_5 input[type=”text”],
#top #gform_6 input[type=”text”],
#top #gform_7 input[type=”text”],
#top #gform_9 input[type=”text”],
#top #gform_10 input[type=”text”],
#top #gform_11 input[type=”text”] {
width:474px;
}

Thanks!

• This reply was modified 10 years, 9 months ago by v2ginteractive.

Your live demo of Enfold appears to function as loading the full menu and then recognizing that the menu extends too far to the left, so it then loads the mobile menu icon. Our sites are not doing that for some reason.