How to Create Separate Navigation Menu Below Header in Agile Theme

Topic summary

A user is attempting to add a custom navigation menu below the header in the Agile theme, specifically for linking to collections. They’ve included screenshots showing their desired layout.

Current Status:

  • The user has made previous attempts but reached a roadblock
  • They’re seeking custom CSS solutions to implement this feature

Suggested Solution:

  • Add a “Collection Menu” block and allocate dedicated space for it
  • Adjust spacing and hover styles to achieve the desired appearance
  • Preview changes in incognito mode to verify visibility

Discussion Status: Open/ongoing. The user has received initial guidance but hasn’t yet confirmed implementation or success. Further troubleshooting assistance has been offered if needed.

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

Hello, after disregarding the prior topic and making some tweaks, I’ve reached another dead end regarding the current issue on hand.

Does anyone know a custom CSS to create a separate operating navigational menu linked to collections on the Agile theme, please?

2 Likes

That really sounds like a great plan—thanks for laying out the steps so clearly!

Once you have added the “Collection Menu” block and then give it its own space, you will see those links line up neatly just where you want them. Play around with the spacing and hover style until it feels right, and do not forget to preview in an incognito window to make sure nothing else is hiding it.

Give it a try and let me know how it looks—happy to help troubleshoot the placement or styling if you hit any snags!