Start a new discussion

To start a new discussion please visit the discussions section of the GitHub home page of the project.

Discussions on GitHub

You can also search our old self-hosted forums for any useful information below but please note that posting new content here is not possible any more.

mega menu with multiple columns

Home Forums Older releases 0.9.x mega menu with multiple columns

Viewing 3 posts - 1 through 3 (of 3 total)
  • Author
    Posts
  • #1352
    rongzhonghuang
    Participant

    Hi, I am new to SmartMenus. I want to implement mega menu with multiple columns . One issue I found is that the width for mega menu

      is fixed??? Does anyone know how to make it automatically or depend on the child div width

      the style of looks like below
      {
      width: 20em;
      top: auto;
      left: 0px;
      margin-left: 0px;
      margin-top: 0px;
      min-width: 10em;
      max-width: 20em;
      }

    #1682
    admin
    Keymaster

    Hi,

    The width constrain is coming from the following default options:

    subMenusMinWidth: '10em',
    subMenusMaxWidth: '20em',

    So what you can do is:

    a) Either override these options for all sub menus when you init your menu:

    $('#main-menu').smartmenus({
    	subMenusSubOffsetX: 1,
    	subMenusSubOffsetY: -8,
    	subMenusMinWidth: '',
    	subMenusMaxWidth: ''
    });

    b) or you could do it just for mega sub menus (if you have regular sub menus too), for example, by using some additional CSS like this:

    ul.mega-menu {
    	width:auto !important;
    	max-width:none !important;
    	min-width:0 !important;
    }

    Cheers!

    #1688
    TomHeckl
    Participant

    Hi, I have the same problem, but this solution doesn´t work. I don´t know what is wrong…

Viewing 3 posts - 1 through 3 (of 3 total)
  • The forum ‘0.9.x’ is closed to new topics and replies.