Menu Overlapping Navigation in Mobile Devices and When Window is Scaled Down

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.

Yigit, will this update compromise any of the customizations that we made? I can’t say for certain, as I am not the only developer of the site, but there may have been adjustments to the theme files using the WordPress Editor. There have definitely been several CSS changes made using the Quick CSS form in the Styling section of Enfold Theme Options.

Thanks.

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, 8 months ago by v2ginteractive.