Use Mobile Menu (hamburger) as only Nav...no desktop nav wanted

Hello devs!

Thank you all for your incredibly generous support. I have loved using and working with Sydney.

I was wondering if there was a way to use only the Mobile/Hamburger navigation on all media sizes, even desktop. I’d love to simply have the hamburger dropdown instead of the row of nav buttons on desktop screen sizes.

Thank you all for any help or guidance you can offer!

Thanks
Micah

I think I may have figured out the solution…wanted to paste it here in case others were interested…or in case anyone has any suggestions of better solutions.

I pasted the following code (copied from the main.js file) into my site’s custom javascript (using custom javascript plugin).

`;(function($) {

‘use strict’

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');

})

})(jQuery);

Hello there,

Glad to hear you figured that out.

Please let us know in a new topic if you have any further questions, or if we can provide you with any other assistance.

Regards,
Kharis