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

Shopify Discussion
1

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,

ScreenShot_20250102091839.png
ScreenShot_20250102091839.png1267×446 18.2 KB

ScreenShot_20250102091817.png
ScreenShot_20250102091817.png917×195 5 KB

2

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:

image.png
image.png1634×681 56.4 KB

Looking forward to hearing from you soon. Thank you!

Best,
Daisy - Avada Support Team.

1 Like
3

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!

4

@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:

     
       {{- link.title | escape -}}

Before code changes:

Vinsinfo_0-1735799817867.png
Vinsinfo_0-1735799817867.png1605×867 53.8 KB

After code changes:

Vinsinfo_1-1735799824941.png
Vinsinfo_1-1735799824941.png1609×874 48.5 KB

  1. 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.

1 Like
5

Hi @ramzanseller

Not sure if you received my message? :blush:

1 Like
6

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,

ScreenShot_20250106231000.png
ScreenShot_20250106231000.png1589×695 50.9 KB

ScreenShot_20250106231015.png
ScreenShot_20250106231015.png1588×735 57.7 KB

7

I already try but not working.

ScreenShot_20250106231000.png
ScreenShot_20250106231000.png1589×695 50.9 KB

ScreenShot_20250106231015.png
ScreenShot_20250106231015.png1588×735 57.7 KB

8

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.

ScreenShot_20250106232509.png
ScreenShot_20250106232509.png1751×102 6.88 KB

ScreenShot_20250102091839.png
ScreenShot_20250102091839.png1267×446 18.2 KB

9

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.

10

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