Dawn Theme: Dropdown menu position in mega menu, remove overlapping with header

7 0 1

Hello Everyone,


Website: https://352124.myshopify.com/

Password: dewhin

My dropdown menu is popping up in the middle of the header, rather than below it as in the following screenshots:

Screenshot 2024-04-12 at 12.43.55.png

Screenshot 2024-04-12 at 12.44.07.png

How can I update the code so that the dropdown menu starts from the line under the header rather than in the middle of the header?


Thank you,


Reply 1 (1)

424 121 84

Hello @jonela ,

I understand you are looking to change you navigation menu similar to this site https://prnt.sc/1eitb-fvnzrq

You can achieve this with the help of custom coding or using Shopify App.

Some of the Shopify App provide features for customising mega menu section -:

- https://apps.shopify.com/smart-menu
- https://apps.shopify.com/mega-menu-creator-pro

Kindly take a look

I hope the app helps you.

Thank you.

Please remember to like and accept the solution to help other store owners.

For Shopify Design & Development | Custom Coding -Visit Here