Shopify themes, liquid, logos, and UX
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
Solved! Go to the solution
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;
}
Feel free to reach out if you have any questions or need assistance.
Best Regards,
DWS.
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:
If I managed to help you then, don't forget to Like it and Mark it as Solution!
Best Regards,
Moeed
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;
}
Feel free to reach out if you have any questions or need assistance.
Best Regards,
DWS.
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>
If my reply is helpful, kindly click like and mark it as an accepted solution.
Thanks!
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:
If I managed to help you then, don't forget to Like it and Mark it as Solution!
Best Regards,
Moeed
- Here is the solution for you @Daniel19901
- Please follow these steps:
- 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:
- 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
In Canada, payment processors, like those that provide payment processing services t...
By Jacqui Mar 14, 2025Unlock the potential of marketing on your business growth with Shopify Academy's late...
By Shopify Mar 12, 2025Learn how to increase conversion rates in every stage of the customer journey by enroll...
By Shopify Mar 5, 2025