Hide Dropdown Menu without deleting the sub-menu items?

Store Design
,

Topic summary

A user wants to hide dropdown menus from their Dawn theme navigation while keeping menu items accessible for an internal filtering system. The main navigation links (like “SHOP”) should remain clickable and direct to collection pages.

Solution provided:

  • Add CSS code to base.css file to hide submenus: .header__submenu { display: none !important; }
  • Make parent navigation items clickable by editing header-dropdown-menu.liquid (around line 19), adding specific markup before the closing span tag
  • A screenshot was shared showing the code implementation

Current status:
The user successfully hid the dropdown but encountered difficulty locating the header-dropdown-menu.liquid file in their theme files. They were advised to search for any menu-related files in their theme.

An alternative app-based solution (MenuQoL) was suggested for implementing this functionality without direct theme modifications.

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

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

2

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; }
3

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!

4

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

Then add this tag before

So code look like this

Screenshot 2023-09-26 at 14.29.41.png
Screenshot 2023-09-26 at 14.29.41.png1524×719 98.5 KB

5

Thanks again,

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

thank you

6

@Dan-From-Ryviu

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

7

Hi @charlieart_dept

Please try to search any menu files in your theme

8

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).