Remove header items

Store Design
, , ,

Topic summary

Goal: remove text items from the “Shop” header dropdown without affecting other elements.

Proposed approach: add custom CSS.

  • One reply provides a specific rule to hide columns in the dropdown: hdt-lazy-submenu .hdt-container .hdt-menu-col { display: none; } (added to base.css/theme.css).
  • Others suggest inserting CSS into theme.liquid (before or above ) and show before/after screenshots, but the actual code is not visible in the posts.

Technical notes:

  • theme.liquid is the main layout file in Shopify themes; adding CSS there applies site-wide.
  • The provided selector targets entire menu columns, which may hide more than just text.

Artifacts: multiple screenshots illustrate the menu and the visual result after applying CSS; these are central to understanding the change.

Outcome/status: no confirmation from the original poster and no accepted solution indicated. Discussion remains open. Suggested next step is to test the provided CSS and refine selectors if it hides more than intended.

Summarized with AI on December 20. AI used: gpt-5.
1

Hi, can anyone help me to remove these texts from my Shop dropdown menu without removing anything else?

https://mxg8tzyw9upvjovw-86206251333.shopifypreview.com
Header shop dropdown

Daniel19901_0-1725539453610.png

1 Like
2

Hello @Daniel19901 , Please follow these steps to add this CSS code:

  1. Go to your Online Store
  2. Click on “Themes”
  3. Select “Edit code”
  4. Open your CSS file. If you have a custom CSS file, open that instead.
  5. If you can’t find your custom CSS file, open “base.css” OR “theme.css”.
  6. Add the following code at the end of the file.
hdt-lazy-submenu .hdt-container .hdt-menu-col {
    display: none;
}

dws_pvt_ltd_0-1725539750047.png
dws_pvt_ltd_0-1725539750047.png1854×644 144 KB

Feel free to reach out if you have any questions or need assistance.
Best Regards,
DWS.

3

Hi @Daniel19901 ,

  1. Go to Online Store → Theme → Edit code.
  2. Open your theme.liquid file
  3. In theme.liquid, paste the below code before

topnewyork_0-1725540215801.png
topnewyork_0-1725540215801.png1021×220 71 KB

If my reply is helpful, kindly click like and mark it as an accepted solution.

Thanks!

4

Hey @Daniel19901

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-1725539857713.png
Moeed_0-1725539857713.png1871×460 121 KB

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

Best Regards,
Moeed

5
  • Here is the solution for you @Daniel19901
  • Please follow these steps:

z5686811214059_e66de1953f1db631f9134af5cdb796ad.jpg
z5686811214059_e66de1953f1db631f9134af5cdb796ad.jpg1865×854 94.6 KB

  • Then find the theme.liquid file.
  • Then add the following code at the before tag and press ‘Save’ to save it.
  • Here is the result you will achieve:

BSSTekLabs_0-1725542172056.png
BSSTekLabs_0-1725542172056.png1896×794 164 KB

  • Please press ‘Like’ and mark it as ‘Solution’ if you find it helpful. Thank you.