How can I get one more column in my mega menu?

[khalldesign]

I want all my fragrance categories in one row but it seems like the mega menu only allows 6 across at a time. Is there a way to add a 7th item on the row? I'm using the Dawn theme.

 

[Moeed]

Hey @khalldesign 

Welcome to Shopify Community! Can you share your Store URL so I can have a look on it? Also, if you have password enabled then please share the password as well. Your cooperation would be greatly appreciated.

Best Regards,
Moeed

[khalldesign]

This is my temporary URL right now: https://b0aa50-78.myshopify.com/

[PaulNewton]

Hi @khalldesign Customer would be much better off if you redo the nav so it's built from the start to have that much noise.

Don't cram more than handful of navs into a horizontal menu like that it just creates user annoyances.

To ignore reason and cram in more you'd need to shrink the spacing / font-sizes of all the columns using CSS

Really you need a menu with 3 level vertical layout in the menu with the fragrances going top to bottom and eachs ones items to the right.

[Made4uo-Ribe · Accepted solution]

Hi @khalldesign 

Try this one. 

1. From your Shopify admin dashboard, click on "Online Store" and then "Themes".
2. Find the theme that you want to edit and click on "Actions" and then "Edit code".
3. In the "Assets" folder, click on "base.css, style.css or theme.css" file, depending on which file your theme uses to store its CSS styles. At the bottom of the file, add the following CSS code:

div#MegaMenu-Content-2 .mega-menu__list {
    grid-template-columns: repeat(7, minmax(0, 1fr));
}

• And Save.
• Result:
• 

Please don't forget to Like and Mark Solution to the post that helped you. Thanks!