Can I create a multi-row mega menu in the Warehouse Theme on Shopify?

chrislitras
Tourist
13 0 1

Hi,

I am trying to create a mega menu but when I have various columns (more than 6 or 7) I want each heading to move into a second row, rather than having to scroll across. I have print screened an example. I just quickly added a few menu headings to show it. 

chrislitras_0-1618083341286.png

Is there a way to have a larger mega menu but showing on one screen like the below example?

chrislitras_1-1618083470923.png

 

Or have a stagged menu, like these two examples below?

 

chrislitras_2-1618083502377.png

 

chrislitras_3-1618083530474.png

 

 

 

Replies 7 (7)

renus
Shopify Partner
191 16 30

use css

ul {
    columns: 5 !important;
}
If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on renusharma7@gmail.com regarding any help
Shopify Expert | Skype : renusharma99
chrislitras
Tourist
13 0 1

Sorry I'm a basic user, where do I enter this code exactly?

renus
Shopify Partner
191 16 30

On CSS File

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on renusharma7@gmail.com regarding any help
Shopify Expert | Skype : renusharma99
chrislitras
Tourist
13 0 1

Now I'm getting this, can I have some more information on this please? This hasn't resolved with a solution?

chrislitras_0-1619550383740.png 

 

renus
Shopify Partner
191 16 30

Hi @chrislitras 

You need to put this on style.css

 

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on renusharma7@gmail.com regarding any help
Shopify Expert | Skype : renusharma99
chrislitras
Tourist
13 0 1

I don't have a style.css within edit code for the Warehouse theme? I've tried to put it in theme.css and am getting the below.

 

chrislitras_0-1620050456934.png

 

HappyHydroponic
Tourist
5 0 1

has this been solved ?