Now I am using mega menu plus added your code in theme.liquid. This is what I got.
when I added the code in theme.css instead of theme.liquid, and didn’t enable the mega menu yet. It was better.
Topic summary
A user seeks CSS customization help for their Shopify store using the Stiletto theme. They have two main requests:
Menu Divider Color:
- Want to change the divider under the main menu to color #B1987C
- Solution provided: Add specific CSS code to the theme.css file
- Successfully implemented
Full-Width Submenu:
- Want the collection submenu to display full-width instead of appearing in the top-left corner
- Initial CSS solution attempted but didn’t achieve desired layout
- Recommended to use a mega menu feature (with tutorial link provided)
- User tried mega menu with the provided code, resulting in improved but not perfect layout
Product Page Layout:
- Want to remove spacing between product image and adjacent image (next to NOTES section)
- Goal is to make edges of both images align together
- This request appears unresolved
Current Status:
The discussion remains ongoing. The user has implemented mega menu functionality and is asking about next steps to finalize the submenu positioning.
