Return to previous page

Mega menu extra column or full width - by Divites

This topic has 6 replies, 2 voices, and was last updated 6 years, 10 months ago ago by Olga Barlow

Divites

Participant

February 27, 2018 at 17:25

Hi,

I was wondering if it is possible to add an extra column to the mega menu. Now it is set to a maximum of 6, but my client needs 7 columns in order to fit all product categories on one row.

Is this possible to achieve?

#186533 Copied

5 Answers

Olga Barlow

Support staff

February 27, 2018 at 17:49

Hello,

You can set mega menu columns number to 6 but add 7 items and set the custom width for every column, the sum of these custom widths should be 100%, then you’ll get 7 columns in one row.

Regards

#186538 Copied

Divites

Participant

February 27, 2018 at 18:22

Hi Olga,

Thnx for your prompt reply. I have done what you suggested, but now I am wondering if it is possible to set the container of the mega menu to full width as some of the menu items are using 2 lines instead of one. This because the column is small.

Hope you can help me out again.
Thx for your help.

Regard

#186542 Copied

Olga Barlow

Support staff

February 27, 2018 at 18:49

Hello,

You can use custom CSS and make mega menu container larger
@media only screen and (min-width: 992px){
.item-design-mega-menu.columns-6 .nav-sublist-dropdown, .menu-element .item-design-mega-menu.columns-6 .nav-sublist-dropdown {
width: 1415px;
}}

But maybe it would be better to change column width for the item that is smaller and for the menu item that is larger http://prntscr.com/ikj8nw

Regards

#186547 Copied

Divites

Participant

February 28, 2018 at 11:49

Hi Olga,

Thx for your excellent support.

Regards,

Johan

#186639 Copied

Olga Barlow

Support staff

February 28, 2018 at 19:43

You are welcome!

Regards

#186736 Copied
Viewing 6 results - 1 through 6 (of 6 total)