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.

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)
  • The forum ‘0.9.x’ is closed to new topics and replies.