main menu

Topic summary

A Shopify store owner is experiencing a navigation menu alignment issue where submenu items under the “Collection” heading appear in the top left corner instead of directly beneath the parent menu item.

Proposed Solutions:
Multiple community members offered CSS-based fixes involving:

  • Editing the theme.liquid file
  • Adding custom CSS code before the </body> or </head> tag
  • Using text-align: center styling for submenu items

Current Status:
The original poster rejected the initial solutions, providing a screenshot showing their desired menu layout. They shared their store URL (shifabynajla.myshopify.com) for further troubleshooting.

Key Detail:
Screenshots are central to understanding both the problem and desired outcome, though the exact visual requirements remain unclear from the reversed text in the conversation.

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

Thank you. But please check how I want it to be