Mega Menu - Warehouse Theme

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

 

 

 

0 Likes
renus
Shopify Partner
171 15 28

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
0 Likes
chrislitras
Tourist
13 0 1

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

0 Likes
renus
Shopify Partner
171 15 28

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
0 Likes
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 

 

0 Likes
renus
Shopify Partner
171 15 28

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
0 Likes
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

 

0 Likes