Mega Menu links are compounding on each other

Store Design
1

Hello,

I am using the Dawn theme and followed this tutorial (https://www.youtube.com/watch?v=ac3mcDHB_Oo) to add a Mega menu. So far, the mega menu looks great and I believe I understand how to edit the titles via code. One issue I am having though is that when a link is clicked, the previous link does not go away.

For example, if I use the menu to go to “…page/shop by category”, it brings me to the categories/collections page. When I then click on a collection from the menu, lets say Reactors, the URL will read “…page/collection/reactors” and I get a 404 error because the “page” wasn’t removed from the URL. It happens the other way too, if i go to the collection first, then another collection or page, it will read "collections/page/shop by category). also if i go to two collections it will do “collection/collection/collection_name”. How do i fix this? @diego_ezfy @ZestardTech

password: vawnto

Here is a snippet of the code I am focusing on, which includes the “shop by category” page as well as a few collection pages I have added. I am trying to post the original code from the tutorial and my entire header.liquid code, but am getting an error.

1 Like
2

@highdesertsci

sorry but i have a missing link area this collections/

3

Sorry, I do not understand your response.

4

i mean your link doesn’t generate properly on code

5

What can i do to fix it?

1 Like
6

can you please send your backend mega menu code

7

I still cannot post the code for some reason (shopify messaged me letting me know they see the error and are trying to correct)

This is the video and source code link i use

https://www.youtube.com/watch?v=ac3mcDHB_Oo&ab_channel=Dawn2.0Customization

https://drive.google.com/file/d/1rXZH5d3GmH-MlY9E8UrXhVh6RUyOe1ag/view

Thank you

8

Hello all,

I found that I need to put the full URL, i cannot use just /page or /collection. I have solved it. thank you

1 Like
9

@highdesertsci

thanks for update