Multiple instances of smartmenus that are separated on the page

[Relion]

Hello, I would like to have a menu on the left and a menu on the right of a graphic. How do you do that?

Thanks in advance!, Adam

[admin]

Hi,

You just need to add 2 menu list UL/LI/A structures in your source and set them different id’s – e.g.:

<ul id="main-menu-1" class="sm sm-blue">...
...
<ul id="main-menu-2" class="sm sm-blue">...

Then you can set their position as you like with some additional CSS – i.e. align the first to the left and the second to the right, etc.

Finally you will need to initialize both menus ondomready – e.g.:

$(function() {
	$('#main-menu-1').smartmenus({
		subMenusSubOffsetX: 1,
		subMenusSubOffsetY: -8
	});
	$('#main-menu-2').smartmenus({
		subMenusSubOffsetX: 1,
		subMenusSubOffsetY: -8,
		// you might want this option for the sub menus of the right menu
		rightToLeftSubMenus: true
	});
});

It’s actually just the same as having a single menu tree. You just need to configure 2 menus in this case.

Let me know if you have any questions.

Cheers!

[Relion]

Thank you so much! It works great!!!!!!!!!!

[Author]

Posts