I have a permanent burger menu set but the dropdown menu isnt working on desktop view. I had this issue before. Website here
Hi,
Seems likely you have added custom code to change the default desktop menu. Is that correct?
Can you share your code here, so I could add some corrections whenever possible?
Regards,
Kharis
aThemes Support
CCS
.btn-menu:before {
content: '\f0c9';
font-family: Fontawesome;
font-size: 30px;
color: #ffffff;
}
#mainnav {
display: none;
}
.btn-menu {
display: block !important;
margin-top: -30px;
}
@media only screen and (max-width: 1024px){
.btn-menu {
margin-top: 10px;
}
}
Custom JavaScript
jQuery(function($) {
var menuType = 'desktop';
$(window).on('load resize', function() {
var currMenuType = 'desktop';
if ( matchMedia( 'only screen and (max-width: 9999px)' ).matches ) {
currMenuType = 'mobile';
}
if ( currMenuType !== menuType ) {
menuType = currMenuType;
if ( currMenuType === 'mobile' ) {
var $mobileMenu = $('#mainnav').attr('id', 'mainnav-mobi').hide();
var hasChildMenu = $('#mainnav-mobi').find('li:has(ul)');
$('#header').find('.header-wrap').after($mobileMenu);
hasChildMenu.children('ul').hide();
hasChildMenu.children('a').after('<span class="btn-submenu"></span>');
$('.btn-menu').removeClass('active');
} else {
var $desktopMenu = $('#mainnav-mobi').attr('id', 'mainnav').removeAttr('style');
$desktopMenu.find('.submenu').removeAttr('style');
$('#header').find('.col-md-10').append($desktopMenu);
$('.btn-submenu').remove();
}
}
});
});
Hi,
Please accept my apologies for the delay in response. I really appreciate your patience.
Seems likely I need more time to make some adjustments with your code or suggest another code rebuilt the mobile menu on large screen. I need testing and troubleshooting with my test site.
Please be patience and I’ll be back to you as soon as I get the solution ready to implement.
Regards,
Kharis
aThemes Support
Thanks Kharis. I will wait your solution.