How am I able to remove this drop down?

Store Design
, , ,

Topic summary

A user seeks to remove a dropdown menu from their store header, wanting it to display only “SHOP” instead.

Solution provided:

  • Navigate to Online Store → Edit Code → theme.liquid file
  • Insert custom CSS code above the </body> tag to hide the dropdown functionality

Follow-up request:
The original poster then asks about making the header fully transparent.

Additional solution:

  • The header is already transparent, but to remove the visible border line:
  • Add CSS targeting #header with border: unset !important; above the </style> tag in theme.liquid

Both solutions involve custom CSS modifications to the theme files. The discussion includes before/after screenshots demonstrating the visual changes.

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

How am I able to remove this drop down and just have it say “SHOP”?

ricky24_0-1724965909332.png
ricky24_0-1724965909332.png964×268 33 KB

2

Hey @ricky24

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-1724966358817.png
Moeed_0-1724966358817.png1894×906 96.6 KB

If I managed to help you then, don’t forget to Like it and Mark it as Solution!

Best Regards,
Moeed

3

Thank you Moeed. Are you able to assist in making the header fully transparent?

4

Hey @ricky24

Your header is already transparent but if you’re looking to remove that straight line on the header then keep the previous code and add this new code above in the end of theme.liquid file.

theme-header#header {
    border: unset !important;
}

RESULT:

Moeed_0-1724966933578.png
Moeed_0-1724966933578.png1898×898 91.1 KB

If I managed to help you then, don’t forget to Like it and Mark it as Solution!

Best Regards,
Moeed