Hide Dropdown Menu without deleting the sub-menu items?

[charlieart_dept]

I'd like to hide the dropdown menu from our website - but I need to keep the menu items in the navigation because I am using them for another filter system within the website.

I wondered if someone knows how to just hide the dropdown menu from the navigation?

Im using Dawn theme, this is the website currently : https://newprojects-9734.myshopify.com/

Thanks

[Dan-From-Ryviu]

Hi @charlieart_dept 

You can do that by adding this CSS code at the bottom of your base.css file 

.header__submenu { display: none !important; }

[charlieart_dept]

Hey Dan,

Thanks so much, it works. But the main navigation item doesn't seem to work as a link through to  a collection.. 

ie. SHOP in the navigation doesnt open the page its linked to in the navigation? I wonder if this is something to do with the click opening the sub menu and not the actual link? do you know if this can be changed? 

Thank you!

[Dan-From-Ryviu]

Hi @charlieart_dept 

You can make that link clickable by editing header-dropdown-menu.liquid file.

Go to line 19 and adding this line of code 

<a href="{{ link.url }}" >

Then add this tag before </span>

</a>

So code look like this 

[charlieart_dept]

Thanks again,

I cant seem to find the header-dropdown-menu.liquid file? Am I missing something?

thank you

[charlieart_dept]

@Dan-From-Ryviu 

sorry to bother you, wondered if you had any ideas about the above? thanks

[Dan-From-Ryviu]

Hi @charlieart_dept 

Please try to search any menu files in your theme 

[Webstablish]

Hi @charlieart_dept,

If you'd like to do this without changing your theme, check out the app MenuQoL. Seems to fit your use case (and results in a link that is clickable).