Want to have menu columns instead of images on the right side of the mega menu (Impact 4.4.0 Theme)

Store Design
, , , , , , , ,
1

Hello Everyone!

I am using Shopify Impact 4.4.0 theme. I want to have menu columns instead of images on the right side of the mega menu. There will be 5 menu columns per line. Please help me. Thank you.

Store: https://auz1i9fjvqv1fi8b-60604383299.shopifypreview.com

Password: Admin

Now

Screenshot (157).png
Screenshot (157).png1870×712 52.5 KB

1 Like
2

Hey @dreamtechzone_5

Follow these Steps:

  1. Go to Online Store

  2. Edit Code

  3. Find password.liquid file

  4. Add the following code in the bottom of the file above tag

RESULT

Moeed_0-1749131883728.png
Moeed_0-1749131883728.png1903×915 76.7 KB

If I managed to solve your problem then, don’t forget to Like it and Mark it as Solution!

Best Regards,
Moeed

1 Like
3

Hello @dreamtechzone_5

Navigate to Online Store > Themes > click on Edit code.
Locate and open the theme.css or base.css file. Scroll to the bottom and add the following CSS code:

#mega-menu-mega_menu_FrEa3d {
       
        column-list-max-width: 100% !important;
    }

.mega-menu__nav {
    
    justify-content: center;
}

Result:

screenshoteasy (35).png
screenshoteasy (35).png1350×424 47.8 KB

1 Like
4

I want to have 5 columns per line and keep it full width.

1 Like
5

Try this code instead with the same steps mentioned above

RESULT

Moeed_0-1749133572092.png
Moeed_0-1749133572092.png1894×646 22.5 KB

If I managed to solve your problem then, don’t forget to Like it and Mark it as Solution!

Best Regards,
Moeed

1 Like
6

Great. I want to keep the columns full width. Will this code work in Impact 4.4.0 theme? Thank you very much.

Moeed_0-1749133572092.png
Moeed_0-1749133572092.png399×136 12.8 KB

7

Sir, please check your msg. Thank you.