Weird "Details" Line Popped Up in Store Header Overnight

Store Design
, ,

Topic summary

A Shopify store owner using the Dawn theme encountered an unexpected “Details” element appearing in their header, identified in the code as #Details-menu-drawer-container.menu-drawer-container. This element should function as a mobile-only hamburger menu but is displaying incorrectly on desktop.

Temporary Solution Applied:
A CSS fix was provided to hide the element on desktop screens (min-width: 990px) by adding display:none to the base.css file. The store owner implemented this code, which successfully removed the “Details” text from desktop view.

Remaining Issue:
The problem persists on mobile devices—instead of showing the proper hamburger menu icon, the “Details” text still appears. The store owner is now seeking guidance on which files to examine within Theme > Edit Code to fix the underlying mobile menu/navigation code.

Status: Partially resolved (desktop fixed), mobile issue ongoing. One community member requested store URL access to investigate further.

Summarized with AI on November 1. AI used: claude-sonnet-4-5-20250929.
1

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!

1 Like
2

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.

3

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?

4

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!

5

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?