Install #1 Page Builder App for FREE and get deal 6 months of Standard Plan. Hurry up! See Detail  

Header background

Guide to Fixing Header Menu and Tabs Collection Issues

Mie Tran

Written by Mie Tran

Last updated

4170 views

On this page


Recently, Shopify has updated related to the Header and Tabs so it will cause issues with Mega Menu, Dropdown menu, and Tabs Collection Section. However, we will quickly find a way to fix this issue.

error.gif

1. Fixing Header Menu Issue

1.1. For Kalles 4, Gecko 6, Unsen, Ocolus

To fix this issue you need to open the Edit code and find the file below.

edit code.gif

Step 1: Remove code in the "menu_splits.liquid" file

You will access "menu_splits.liquid" file and then find with Ctrl + F this key => "admin_sp".

Please remove the code highlighted:

splits.gif

Step 2: Remove code in the "menu_blocks.liquid" file

Similar the step 1, you will access "menu_blocks.liquid" file and then find with Ctrl + F this key => "admin_sp".

Please remove the code highlighted:

menu block.gif

This is the video to guide fixing this issue:

1.2. For Kalles 2, Kalles 3, Gecko 5, Elessi 3

Please go to Header section > Click on each Header Item 'Mega Menu (Parent)' and 'Dropdown Menu (lv 1)' > uncheck option 'Enable Lazy menu?'.

Then the issue will be solved.

menu 1.0.png

2. Fixing Tabs Collection Issue

With the issue from the second tab don't show, you can fix it by yourself with remove code in the file "tabs-collection.liquid"

You will find Ctrl + F with this key "request.design_mode"

tabs collection.gif

This is the video to guide you fix this issue:

3. Fixing Tabs List Collection Issue

The issue when preview page from the second tab:

tab1.png

To fix it, you can remove code in the file "tabs-list-collections.liquid"

You will find Ctrl + F with this key "request.design_mode", then remove the code in yellow area as the image below. Then the issue will be solved.

tab2.png

[Private Offer] EComposer Partner Plan

ecomposer.jpg
Exclusively for The4 users, when you bougth any theme from us, you can get Ecomposer - Theme Partner Plan for ZERO and start making beautiful, high-converting store pages today:

  • FREE 100% EComposer Standard plan for 6 months (save you $114)
  • Build ANY Shopify pages: Landing page, Sale Funnel page, Lead pages, & other custom pages tailored for your marketing campaigns.
  • Create advanced sections & add to your theme with ease
  • 100+ professtional, stunning designer-made templates
  • Build pages with a love drag-drop editor, no coding required

How to claim offer. Install EComposer HERE. Then open chatbox icon in EComposer dashboard and leave a message with subject "Theme name+EComposer" to upgrade for free

Ecomposer1.jpg
Cheers, The4.

We highly recommend Shopify apps from our partners.

We uses cookies to ensure you get the best experience on our website.