How to reduce Mega Menu columns

Store Design
1

Hi Friends, I am working on Mega Menu , using Hyper theme.

I am using ‘Product list (mega menu)’ and want to reduce the ‘Menu Columns’ to 1. The mimimum ‘Menu Columns’ is 2 . How should I reduce it to 1 ?

Please see the image below.

menu Columns
menu Columns1905×829 394 KB

2

@SurTri this is section setting which is included as schema into the main section file, if this menu is default theme file then please open this section code file and please find this setting

if you find it difficult then I can check it for you, I will need collab code. and then can share screenshots to you

3

thanks , I will check and let you know.

1 Like
4

Hi @SurTri ,
In the Hyper theme, the “Product list (mega menu)” block is hard-coded to allow a minimum of 2 columns, which is why the theme editor slider doesn’t go below 2.

To make it support 1 column, you’ll need to edit the theme’s schema:

  1. Go to Online Store → Edit Code
  2. Open the file:
    3./sections/header.liquid**
    or
    4.    /sections/mega-menu-product-list.liquid**
    (exact name varies per theme)
  3. Search for the block settings that look like this:
{
  "type": "range",
  "id": "menu_columns",
  "min": 2,
  "max": 6,
  "step": 1
}
  1. Change "min": 2 to "min": 1"
  2. Save → refresh theme editor → now you can select 1 column.
1 Like
5

Thank you . Your solution worked perfectly.

1 Like