Menu Width

Store Design
,
1

Here is the website: Mahindradirectparts.com

Theme: Avenue

How do I make the menu open wide instead of tall and having to scroll?

And have it make columns of the categories list instead of one long column.

2

Hello @FlashFab

If you are able to make changes in code, then it will be easy to fix this issue otherewise you’ll need to take help of experienced of expert developer who can do it.

To show menu items in columns by category, you just need to change the navigation in submenus from navigation. it can not be changed by code.

And to show the menu in full width you need to apply some css.

3

Hi @FlashFab ,

Please go to Actions > Edit code > Assets > styles.header.css file and paste this at the bottom of the file:

.header-navigation nav .responsiveMenu li ul.dropdown>span {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    min-width: 370px;
}