Add Collection to Megamenu ( Shopify Urban Theme )

Store Design
, , , , , , ,

Topic summary

A user is trying to customize the mega menu in Shopify’s Urban theme to display more than 4 collections, arranged in rows of 4, with no upper limit on total collections. They also want to remove a border line from the menu.

Current Issue:

  • Limited to only 4 collections total in the mega menu
  • Unwanted border line present

Proposed Solution:

  • Increase “collections per row” setting to 4+ in mega menu settings
  • Modify megamenu.liquid or header.liquid file to increase collection limit using {% for collection in collections %}
  • Add CSS to remove border: .mega-menu { border: none; }

Status: The discussion remains open with the original poster asking for clarification on where exactly to paste the suggested code snippet. Implementation details and specific file locations need further explanation.

Summarized with AI on October 30. AI used: claude-sonnet-4-5-20250929.
1

Hello Everyone!

I want to add more collections under the collection image in the mega menu.
There will be 4 collections per line and there will be no limit to the number of collections added to the mega menu. I am not able to add more than 4 collections now. Also, I want to remove the border line. Please help me. Thank you.

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

Password: Admin

dreamtechzone_5_0-1742551811516.png
dreamtechzone_5_0-1742551811516.png998Ă—488 182 KB

2

Hi,

Hope this will help

  • At Mega menu settings increase collections per row to 4 or more
  • Open the megamenu.liquid or header.liquid file.increase collection limit
    Code example
{% for collection in collections %}
  • Adjust styling for 4 collections per row
  • Remove border line
    CSS example
.mega-menu {
    border: none;
}

Save

1 Like
3

Where do I paste this code?

{% for collection in collections %}