Hide custom collections menu

[d0ug]

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

[Mustafa_Ali]

HEY @d0ug share the URLs of your website plz

[d0ug]

modhaute.com

pw: ahltad

[Mustafa_Ali]

<style>
summary#HeaderMenu-customcol {
    display: none;
}
</style>

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

[d0ug]

sorry that didn't seem to work 

[Mustafa_Ali]

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

hey @d0ug  try this one 😊

[d0ug]

sorry this one didn't take either

[d0ug]

it just needed the "!important" 

thanks again

[Moeed]

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

[d0ug]

modhaute.com

pw: ahltad

thanks

[Moeed · Accepted solution]

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 </body> tag

<style>
summary#HeaderMenu-customcol {
    display: none !important;
}
</style>

RESULT:

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

Best Regards,
Moeed

[d0ug]

[d0ug]

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.