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)
  • You must be logged in to reply to this topic.

Register

You will be emailed a link to set your password.

Login

Lost password?