Third-level menu, showed in two columns

Shopify Discussion
1

Hi,

I really appreciate RIMOWA’s mega menu style. I want to achieve this effect as shown in the screenshot below. The “COLOR” should be a second-level menu item and those colors should be third-level menu items. I want to display my third-level menu items in two columns like RIMOWA did. How should I do this?

Many thanks,

Elsie

ElsieL_0-1676046715158.png
ElsieL_0-1676046715158.png1434×526 108 KB

2

Hi @Elsie-L ,
In order to achieve this requirement you need to have knowledge of Shopify link-list (menu) object.
And it is using this object that you need to update your header.liquid file and also it depends on the theme you are using.
If you are not well aware of the codes then you need to hire a developer who can make this update possible for you. If you wish I can work on this for you.
Thanks & Regards
KaalTechGeeks

3

Hi guys,

I found a solution. It’s quick and easy. In header.liquid, add a style called “columns:2;” to a

    object. You can add an if-else statement to specify which second-level menu’s child links should be showed in two columns while others don’t.

    {%- if childlink.links != blank -%}
                                
                                  {%- for grandchildlink in childlink.links -%}
                                    - ```