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:
</body> or </head> tagtext-align: center styling for submenu itemsCurrent 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.
Hi @joysa
Check this one.
From your Shopify admin dashboard, click on “Online Store” and then “Themes”
Find the theme that you want to edit and click on “Actions” and then “Edit code”.
In the “theme. Liquid” file. Find the tag and paste the code below before the tag.
And Save.
Result:
Please don’t forget to Like and Mark Solution to the post that helped you. Thanks!
