Menu HTML structure doesn't allow any customizations about smartmenus HOT 8 CLOSED

So what you are trying to say is, when you create a structure like this:

<div class="my-menu">
<ul>
<li><div class="my-submenu">
<ul>
<li><a href="#">Item 1</a></li>
<li><a href="#">Item 2</a></li>
...
</ul></div></li>
</div>

.. then the script falls apart?

Cause I had some hard time understanding your text.

cu, w0lf.

from smartmenus.

Sorry for that, I would need to add better example.

Yes, it is exactly what I mean, in a case if submenu is not a simple <ul>, but additionally wrapped in <div> - I get JavaScript error: TypeError: par.parentNode is null in this line. Additionally there is multiple TypeError: Cannot read property 'css' of null errors in this place, but it seems to be consequences of previous error.

However I've just realized that there is newer version (0.9.7 is what came from Bower install), I will check with latest 1.0.0-beta and will let you know.

from smartmenus.

Error is same, located here

from smartmenus.

Yes, that's a requirement for now - i.e. you need to nest the sub UL element directly in the parent item's LI element. Are you sure there is no way to structure properly your HTML code if you follow this rule? Could you please post some sort of sample (demo URL would be best)?

from smartmenus.

Here is actual example from the project, I'm currently working on:

as you can see - submenu block contains not only menu items, but also several images. I've tried to imagine how to implement it using single <ul> without additional wrapper but found no solution. Hence I decide that it may be good idea for improvement for this, actually very good, product.

from smartmenus.

So he's doing what I already suspected - trying to use smartmenus.js for a mega dropdown.
Which would indeed be cool ;)

cu, w0lf.

from smartmenus.

It's not a problem to create a mega drop-down with whatever HTML you like inside. You just need to use the proper structure supported by the script - here is a sample mega dropdown sub menu (a live sample is also included in the default demo in the download package):

  ...
  <li><a href="#">Jewelry &amp; Watches</a>
    <ul class="mega-menu">
      <li>
        <!-- The mega drop down contents - put whatever HTML you like here -->
      </li>
    </ul>
  </li>
  ...

So inside that mega drop-down you could include more lists of links, images, columns whatever you like.

Here is also a topic in the forums with some sample code that creates columns of links inside a mega drop-down:

http://www.smartmenus.org/forums/topic/mega-drop-down/

from smartmenus.

Thank you for advice, I will try it. Closing this issue for now.

from smartmenus.