Why does my Dawn theme mega menu direct to the wrong page?

There is a bug in my shopify Dawn theme mega menu. Especially one with drop down (Skin concern). When I click on items under Skin concern, it directs me to the wrong page (Ex. clicking Skin Barrier Care doesn’t direct me to the right page on the first go, it needs at least multiple click which is weird). Moreover, once you click on an item under Skin concern (Ex. Skin barrier care), you cannot click on any other items under skin concern (Ex. Sensitive Skin). This made navigation very confusing. Any help would be appreciated!

Link: https://6fa09b.myshopify.com

Theme: Dawn

It sounds like there may be an issue with the menu code in your Dawn theme. Here are a few steps you can try to fix the issue:

  1. Double check that the menu links are correctly configured: Make sure that the URLs for each menu item are correct, and that the URLs for the sub-menu items are also correctly configured.

  2. Check for conflicting code: If you have added any custom code to your theme, it’s possible that this code could be causing conflicts with the menu. Try removing any custom code you have added and then see if the menu works properly.

  3. Contact Shopify support: If the above steps don’t solve the issue, it may be worth contacting Shopify support for further assistance. They should be able to investigate the issue in more detail and provide guidance on how to fix it.

I hope this helps!

Hello @chocolatte1234 ,

It’s the GemPages Support Team and we are glad to assist you today!

I would like to give you the recommendation to support you so kindly follow the steps below:

  1. Go to Online Store > Theme > Edit code of your current theme

  1. Open your theme.liquid theme file

  2. Paste the below code before


Let us know how it works for you.

Best regards,
GemPages Support Team

Works like magic!! Thank you so much!