Hide custom collections menu

Store Design

Topic summary

A user seeks help hiding the custom collections menu from the Dawn theme’s desktop header, as it doesn’t appear in the mobile hamburger menu and therefore isn’t useful to them.

Store Details Provided:

  • URL: modhaute.com
  • Password: ahltad
  • Screenshot shared showing the menu in question

Solutions Offered:

Two community members provided CSS code snippets to hide the menu by adding code to the theme.liquid file before the </body> tag. Initial attempts didn’t work, but the solution was eventually found.

Resolution:

The issue was resolved using CSS targeting details#Details-HeaderMenu-customcol with display: none !important;. The !important flag proved essential for the code to work properly.

The user expressed frustration that the custom collections feature only displays on desktop, making it impractical for their needs.

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

hi

I’m wondering if anyone can help me with hiding the custom collections menu in the header or adding it to the mobile hamburger menu. I can use it if it appears on the mobile version but since it doesn’t, I’m not using it and would like to hide it from the web header. oh, using dawn theme.

thanks

2 Likes
2

HEY @d0ug share the URLs of your website plz

3

Hey @d0ug

Welcome to Shopify Community! Can you share your Store URL so I can have a look on it? Also, if you have password enabled then please share the password as well. Your cooperation would be greatly appreciated.

Best Regards,
Moeed

6

Screenshot (42).png
Screenshot (42).png1920×823 267 KB

7

Mustafa_Ali_0-1744952998513.png
Mustafa_Ali_0-1744952998513.png1045×484 367 KB

Go to online store ----> themes ----> go to three Dots ----> edit code ---->find theme.liquid files ----> place the code ---->
before the body ----->
if this code work please do not forget to like and mark it solution

1 Like
8

Hey @d0ug

Follow these Steps:

  1. Go to Online Store

  2. Edit Code

  3. Find theme.liquid file

  4. Add the following code in the bottom of the file above tag

RESULT:

Moeed_0-1744953079142.png
Moeed_0-1744953079142.png1901×916 258 KB

If I managed to solve your problem then, don’t forget to Like it and Mark it as Solution!

Best Regards,
Moeed

1 Like
9

sorry that didn’t seem to work

10 
details#Details-HeaderMenu-customcol {
    display: none !important;
}

hey @d0ug try this one :blush:

11

thanks both of you!!

it’s kind of a pointless feature if it only shows on the web version and not the mobile, so i had to get rid of it.

12

sorry this one didn’t take either

13

it just needed the “!important”

thanks again