Want to remove product links from the mega menu. ( Shopify Urban Theme )

[dreamtechzone_5]

Hello Everyone!

I want to remove the product link and view all link from the mega menu in all formats (desktop, tablet, mobile mode) and keep only the image and collection links in the mega menu. Please help me. Thank you.

Store: https://urbanglowingstore.myshopify.com/

Password: Admin

[DaisyVo]

Hi @dreamtechzone_5

You can try to follow this step
Step 1: Go to Edit code
Step 2: Find file base.css and add this code at the end of the file

.mega-menu_details-button.bottom-wrap,
ul.list-unstyled.mega-menu_inner-list {
    display: none !important;
}

Result

Best,

DaisyVo

[tim_1]

I’d try to add something like this to the Header Section setting “Custom CSS”

.mega-menu_inner-list,
.mega-menu_details-button {
  display: none;
}

I usually do not recommend editing theme code – this will make future theme updates much more complex.

[Rahul_dhiman]

Hello @dreamtechzone_5
Go to online store ----> themes ----> actions ----> edit code ----> base.css
add this code at the end of the file and save.

li.mega-menu_inner-list-item {
display: none;
}
.mega-menu_details-button {
display: none !important;
}

result

If this was helpful, hit the like button and accept the solution.
Thanks

[dreamtechzone_5]

Great. It worked. Thank you. Can I add more collections below?
There will be 4 collections per line and I can add as many collections as I want to the mega menu. Also I want to remove the border line.