Weird "Details" Line Popped Up in Store Header Overnight

[WaxOn_WD1045]

Hello, I’m looking to see if anyone can help me identify what I only know to refer to as a “details” header sub-menu showing up on my Shopify store using the Dawn theme.

I’ve tried inspecting the header and it labels this little unwanted snippet the #Details-menu-drawer-container.menu-drawer-container

Screenshot of regular appearance.

Screenshot with code inspected.

Any help or advice on how to remove this would be greatly appreciated.

Thanks!

[Laza_Binaery]

Hi @WaxOn_WD1045 

That should be a "hamburger" menu that is visible on mobile only. But for some reason that is not working on your store.

You can hide it for desktop only and change code and styles to show menu on mobile with some CSS which you can add to end of your base.css file

@media screen and (min-width: 990px) {
    header .menu-drawer-container {
        display: none;
    }
}

or if you want to just hide it completely:

    header .menu-drawer-container {
        display: none;
    }

But think you need to look into mobile menu options would be useful to show that. 

[WaxOn_WD1045]

Thanks for the helpful solution for now. 

Any ideas where I would go once inside Theme > Edit Code to look at where the code is messed up for my mobile Menu/Navigation?

[devcoders]

Hello @WaxOn_WD1045 
Thank you for submitting your query to the Shopify community. I’d be happy to assist you. Could you please provide the store URL and password (if it’s password-protected) so I can review and get back to you with an update?

[WaxOn_WD1045]

Hey there,

The store URL is https://goddards.com/

I took @Laza_Binaery advice and input this code for now:

@media screen and (min-width: 990px) {

          header .menu-drawer-container {

                         display: none;

              }

}

This has helped hide the "Details" submenu from Desktop view but it is still showing in place of the hamburger menu on mobile.

Thank you so much for any help you're able to give!