Mega menu content Shopify Impact theme

[dreamtechzone_5]

Hello Everyone!

I am using the Shopify Impact theme. I want to have 6 columns in 1 line in Megamenu. And don't want to keep the white space on the right. Please click on " WOMEN'S " Menu. Is this possible? Please help me. Thank you in Advance.

Store: https://blue-chic-clothes.myshopify.com/

Password: Admin

[websensepro · Accepted solution]

Hi @dreamtechzone_5 
1. Go to Online Store -> Theme -> Edit code.
2. Open your theme.liquid file
3. In theme.liquid, paste the below code before </head>

<style>
div#mega-menu-mega_menu_GKgrFf {
    padding-right: 0 !important;
    --mega-menu-nav-column-max-width: 190px !important;
    --mega-menu-gap: 0 !important;
}
</style>

If my reply is helpful, kindly click like and mark it as an accepted solution.

If you are happy with my help, you can help me buy a COFFEE

Thanks!

[websensepro · Accepted solution]

Hi @dreamtechzone_5 
1. Go to Online Store -> Theme -> Edit code.
2. Open your theme.liquid file
3. In theme.liquid, paste the below code before </head>

<style>
div#mega-menu-mega_menu_GKgrFf {
    padding-right: 0 !important;
    --mega-menu-nav-column-max-width: 190px !important;
    --mega-menu-gap: 0 !important;
}
</style>

If my reply is helpful, kindly click like and mark it as an accepted solution.

If you are happy with my help, you can help me buy a COFFEE

Thanks!

[dreamtechzone_5]

Wow  great. It worked. Thank you very much.

6 menu columns can be placed in each line?

[websensepro]

Hi @dreamtechzone_5 , 

If the above solution worked for you then kindly consider it as a accepted solution and then tell me about your new query in more detail? I mean, didn't we already have 6 columns in one line?

Thanks!

[dreamtechzone_5]

I used this code. But 5 columns are showing.

[websensepro · Accepted solution]

@dreamtechzone_5 , try this:

<style>
ul.mega-menu__nav {
    gap: 5px !important;
}
</style>

It is working fine on my end as you can see 6 columns in 1 line:

If my reply is helpful, kindly click like and mark it as an accepted solution.

If you are happy with my help, you can help me buy a COFFEE

Thanks!