Hamburger Not Working in Mobile View

Support
#1

Hello.
I have just published my website and its looking great on Desktop and Tablet, yet mobile not so much.

All my menu options are displayed and the hamburger is not responsive.

Any ideas?

You can see it at www.yoursongs.co.uk

Thanks

Nick

#2

Hi Nick,

That is caused by this code that is on your Global CSS:

body .x-nav-wrap.desktop {
    float: left;
    display: block;
    width: 100%;
}

This code override the default theme CSS that hides the desktop navigation on mobile thus making the desktop nav display on all devices which you are seeing right now when you view your site on mobile.

Please find that code and update it to:

@media (min-width: 979px) {
    body .x-nav-wrap.desktop {
        float: left;
        display: block;
        width: 100%;
    }
}

Hope this helps.

#3

Thanks so much. This has worked

Amazing