Remove header items

Solved

Remove header items

Daniel19901
Shopify Partner
292 2 82

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

 

 

Accepted Solutions (2)

dws_pvt_ltd
Shopify Partner
369 69 87

This is an accepted solution.

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

 

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

 

Helpful? then please Like and Accept the Solution.
For any inquiries, please feel free to contact via WhatsApp and Email: sales@dolphinwebsolution.com.
For more information visit our website Dolphin Web Solution Pvt Ltd.

View solution in original post

Moeed
Shopify Partner
6972 1880 2296

This is an accepted solution.

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

<style>
#hdt-nav-ul li .hdt-mega-menu .hdt-mega-heading {
    display: none !important;
}
</style>

RESULT:

Moeed_0-1725539857713.png

 

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

 

Best Regards,
Moeed

- Need a Shopify Specialist? Chat on WhatsApp

- Get a quick Shopify quote – Click here!

- Custom Design | Advanced Coding | Store Modifications


View solution in original post

Replies 4 (4)

dws_pvt_ltd
Shopify Partner
369 69 87

This is an accepted solution.

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

 

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

 

Helpful? then please Like and Accept the Solution.
For any inquiries, please feel free to contact via WhatsApp and Email: sales@dolphinwebsolution.com.
For more information visit our website Dolphin Web Solution Pvt Ltd.

topnewyork
Astronaut
1299 160 217

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 </head>

 

 

<style>
hdt-lazy-submenu .hdt-container .hdt-menu-col {
    display: none !important;
}
</style>

 

topnewyork_0-1725540215801.png

 

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

Thanks!

Need a Shopify developer? Hire us at Top New York Web Design
Boost Your Store Sales with Volume/Tier Discount Try Big Bulk Discount
Create New Shopify Store For Just 1$/Month

Moeed
Shopify Partner
6972 1880 2296

This is an accepted solution.

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

<style>
#hdt-nav-ul li .hdt-mega-menu .hdt-mega-heading {
    display: none !important;
}
</style>

RESULT:

Moeed_0-1725539857713.png

 

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

 

Best Regards,
Moeed

- Need a Shopify Specialist? Chat on WhatsApp

- Get a quick Shopify quote – Click here!

- Custom Design | Advanced Coding | Store Modifications


BSS-TekLabs
Shopify Partner
2401 695 831

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

z5686811214059_e66de1953f1db631f9134af5cdb796ad.jpg

- Then find the theme.liquid file.
- Then add the following code at the before tag </head> and press 'Save' to save it.

<style>
.hdt-mega-heading .hdt-menu-link-text span.hdt-block.hdt-line-clamp {
    display: none !important;
}
</style>

- Here is the result you will achieve:

BSSTekLabs_0-1725542172056.png

 

- Please press 'Like' and mark it as 'Solution' if you find it helpful. Thank you.

If our suggestions are useful, please let us know by giving it a like or marking it as a solution.


Salepify: Efficiently increase sales conversion with sale-driven features like auto add to cart, free gifts (free plan available)


Salemate: Boost your AVO with 2-layer offer, countdown upsell in your post purchase page


BSS Commerce - Full-service eCommerce Agency | Use Shopify for 1$ in the first month now