Multiple instances of smartmenus that are separated on the page

Home Forums Older releases 0.9.x Multiple instances of smartmenus that are separated on the page

Viewing 3 posts - 1 through 3 (of 3 total)
  • Author
    Posts
  • #1315
    Relion
    Participant

    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

    #1569
    admin
    Keymaster

    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!

    #1566
    Relion
    Participant

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

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?