Solved

How can I modify the mouseover menu in Impulse theme?

DonPseudo
Excursionist
17 0 5

Hello folks,

after a try with free Boundless theme I decided to change to Impulse theme, because it's prettier for my shop. But it does'nt fit my wishes at all.

I have a lot of 3rd level subcategories, which are displayed as one row in the mouseover menu like this ->

 

Mouseover-ist.jpg

I marked it red for you to understand. The whole screen is filled with that menu.

 

What I need is a change of the code for the mouseover-menu for max. 6 rows and then sort the next beside in a new column like this ->

 

Mouseover-soll.jpg

 

I marked it green for you.

 

Somebody can help me? Please find the shop at www.pseudocollection.de

 

Thanks in advance!

Accepted Solution (1)

diego_ezfy
Shopify Partner
2967 571 899

This is an accepted solution.

@DonPseudo, do this to fix it in 20 seconds:

1. In your Shopify Admin go to: online store > themes > actions > edit code
2. Find Asset > theme.scss.liquid or theme.css and paste this at the bottom of the file:

@media (min-width: 749px){
    .site-nav__dropdown.megamenu .grid__item > div:not([class]){
        display: inline-block;
        max-width: 33%;
        width: 100%;
    }
}


Please let me know whether it works.

Kind regards,
Diego

View solution in original post

Replies 4 (4)

diego_ezfy
Shopify Partner
2967 571 899

This is an accepted solution.

@DonPseudo, do this to fix it in 20 seconds:

1. In your Shopify Admin go to: online store > themes > actions > edit code
2. Find Asset > theme.scss.liquid or theme.css and paste this at the bottom of the file:

@media (min-width: 749px){
    .site-nav__dropdown.megamenu .grid__item > div:not([class]){
        display: inline-block;
        max-width: 33%;
        width: 100%;
    }
}


Please let me know whether it works.

Kind regards,
Diego

DonPseudo
Excursionist
17 0 5

Damn, Diego! It works! Thank you so much!

@diego_ezfy 

Don
Shopify Staff
2777 199 390

Hi there @DonPseudo!

Thanks for outlining your query for us here so clearly.

I can see that you've had a quick, helpful response from a member of our Community already, that's great to see!

Should you need further support for your theme, you can check here on our help site to see where you can get it. 

In the case of third-party (non-Shopify developed) themes, they would be supported by their developers, rather than by us here at Shopify.

It looks from your store as though you're selling fashion online, could you tell us a bit more about your business or what your next projects will be for this?

Is this an existing venture you're taking online, or a new business you're starting out with?

In any case, let us know how we can be of assistance here!

 

Regards,

Don

Don | Social Care @ Shopify 
 - Was my reply helpful? Click Like to let me know! 
 - Was your question answered? Mark it as an Accepted Solution
 - To learn more visit the Shopify Help Center or the Shopify Blog

tutdeden
Shopify Partner
1 0 0

Anyone know about adding more columns in megamenu?