No mobile menu button

I am having an issue with the break point 1200px and down I believe. Anyway, when it goes to the mobile view that appears to be a laptop the menu goes to the mobile and has no trigger. I want it to trigger the mobile menu when on a laptop. I used the following css. I just removed the css so it will trigger the desktop menu until we resolve the issue. Please see the screenshot for reference. This is what it does with the following css in the global stylesheet. Thank you.

@media (max-width: 1149px) {
    .x-nav-wrap.mobile {
        display: block;}

		.x-nav-wrap.mobile.x-collapsed {
    display:none;}

    .x-nav-wrap.desktop {  
        display: none !important;}

    .masthead-inline .x-btn-navbar {
    	display: block;
    	float: right;}}

Hello @kstidham,

Thanks for writing in!

I have inspected your site and I found out that you are using the Stacked Logo and Navigation setting. This means that your code .masthead-inline .x-btn-navbar is incorrect and will not work. You will have to changed it to: .masthead-stacked .x-btn-navbar.

Please note that custom coding is outside the scope of our support. You will be the one who will maintain this code. Issues that might arise from the use of custom code and further enhancements should be directed to a third-party developer.

Best Regards.

This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.