Mega menu extra column or full width - by Divites

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

  • Avatar: Divites
    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?

    5 Answers
    Avatar: Olga Barlow
    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

    Avatar: Divites
    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

    Avatar: Olga Barlow
    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

    Avatar: Divites
    Divites
    Participant
    February 28, 2018 at 11:49

    Hi Olga,

    Thx for your excellent support.

    Regards,

    Johan

    Avatar: Olga Barlow
    Olga Barlow
    Support staff
    February 28, 2018 at 19:43

    You are welcome!

    Regards

  • Viewing 6 results - 1 through 6 (of 6 total)

You must be logged in to reply to this topic.Log in/Sign up

We're using our own and third-party cookies to improve your experience and our website. Keep on browsing to accept our cookie policy.