"Shop" Button in Main Menu Opens Submenu Instead of All Collections Page

[ramzanseller]

Hi Shopify Community,

I’ve added all my collection links under the "Shop" button in the main menu on my Shopify store, However, when I click on the "Shop" button, it opens a submenu with individual collection links instead of directing me to the "All Collections" page.

I want the "Shop" button to open the "All Collections" page directly instead of just showing the submenu. Is there a way to achieve this?

Thank you for your assistance!

Best regards,

[DaisyVo]

Hi @ramzanseller 

Could you please share the store link with us? 

And please share with us the screenshot from your Shopify menu here as well:

 

Looking forward to hearing from you soon. Thank you!

Best,
Daisy - Avada Support Team.

[DaisyVo]

Hi @ramzanseller 

Not sure if you received my message? 😊

[ramzanseller]

Thank you for reaching out!

Here is the link to our store: TheDreamSeller.store .

Additionally, I’ve attached a screenshot of our Shopify menu for your reference. Please let me know if there’s anything else you require.

Best regards,

[DaisyVo]

Hi @ramzanseller 

Sorry for this delay in getting back to you. It seems an issue has been resolved. Please let me know if you need anything else. 

Thank you!

Best,
Daisy - Avada Support Team.

[ramzanseller]

I was Unable to solve it that is i why i changed my menu setting from dropdown to current setting.

[gulfam42]

To make the 'Shop' button link directly to the 'All Collections' page, you can go to your Shopify admin, navigate to Online Store > Navigation, and edit the 'Shop' menu. Instead of linking to a submenu, just link the 'Shop' button directly to the 'All Collections' page URL. That should do the trick!

[ramzanseller]

I already try but not working.

[Vinsinfo]

@ramzanseller Please follow the below steps to redirect to the respective pages instead of opening the mega menu. Let us know whether it is helpful for you.

1. From the admin, go to "Online Store" -> "Themes".

2. Click the action button from the current theme and select "Edit code".

3. Search and locate the "header-mega-menu.liquid" file and search using the following keyword: class="header__menu-item list-menu__item link focus-inset".

4. Find the code:

<span

{%- if link.child_active %}

class="header__active-menu-item"

{% endif %}

>

Replace it with the below code:

<a href="{{ link.url }}" class="header__menu-item list-menu__item link link--text focus-inset header__menu-item--drop-down-mega-menu">
     <span
       {%- if link.child_active or link.current %}
         class="header__active-menu-item"
       {% endif %}
     >
       {{- link.title | escape -}}
     </span>
</a>

Before code changes:

After code changes:

5. Search and locate the base.css file add paste the below code in the bottom of the file and save the changes,

.header__menu-item--drop-down-mega-menu {
    padding: 0;
}

Please provide your support by click "Like" and "Accepted" if our solution works for you. Thanks for your support.

[ramzanseller]

I tried but I makes duplicate of Base Menu. Remember I want to place all products link to main base menu and in drop down menu all sub collection with their links.