I can get them both to display but I need to style each one differently I have copied the basic styles and renamed them xx2 and then renamed the ul class to match but it doesn't like it!
View 1 RepliesI'm wondering how to modifiy the vertical menu of superfish to let the submenu appear horizontal next to the parent menu element:123 3a 3b 3c45I just spent some hours searching on Google andplayed around with the CSSbut could not manage to fix it.
View 1 Replies View RelatedTrying to get the Superfish menus to work in vertical mode, whereby each list item is a single line, and the next menu down sits to the
right of that menu. For normal horizontal menus you use the Supersubs option when you call Superfish, but the superfish-vertical.css you need to make the menus layout vertically, seem to overwrite the widths of the UL's and LI's.
Has anyone modified Superfish vertical menus so the flyout is to the LEFT? How?
View 1 Replies View RelatedI am using both horizontal and vertical tab menu's in a single page. And on click of horizontal tab should select the corresponding vertical tab and along with the data linked to vertical data will be displayed in different div on the page. I am stuck with how to poputale these using jquery.
View 1 Replies View RelatedI would like to know if there is any way to control a vertical superfish so that it sits on the right side of the page and the menus drop left?
View 1 Replies View Relatedimplement 2 instances of superfish menus on one page? I would like to place a primary navigation menu above the header, and a secondary nav-menu below the header. I've "kind of" managed to do it with the help of Google and by reading quite a few blogs, but I think I'm doing it the wrong way by just duplicating the whole JS folder and renaming things.
Plus, I don't know how to style the menus. So, how would YOU implement 2 Superfish JavaScript menus on ONE page?
I have successfully installed superfish-powered drop-down menus in my horizontal nav bar, but I get an irritating (and inconsistent) issue when I click on a nav link: the drop-down menus briefly "flash" down as the new page loads. In fact the page as a whole flashes. This behavior only occurs in IE8 (haven't tried 7) - Firefox, Safari,Chrome are all fine. The url is: peacefulnations.org
View 1 Replies View RelatedI need for a design with vertical and horizontal box type of TAB navigation using Jquery. go see below sample image as i provided.
View 2 Replies View RelatedWhat I'd like to do is use some sort of jquery plugin to make an image scroller that has a grid of images and scrolls each row and column horizontally and vertically. I'm a bit overwhelmed though and not sure where to start. I want to use fancybox for opening the image so I was hoping someone could point me towards something that would help with the thumbnail scroller?
View 4 Replies View RelatedI am using jCarousel and I am getting a weird bug. Basically, jCarousel renders perfect - however for a brief instant the carousel appears vertically and then appears horizontal as it should in IE / FF
View 12 Replies View RelatedI have created the following page [URL] where I have a number of main links and then sublinks for these. At the moment when a main link is clicked the content scrolls vertically and when a sublink is clicked eg Blue Inner Link 1 the content slides horizontally. how can I update the script so that when I click a main link the content scrolls horizontally and when I click a sublink the content scrolls vertically?
View 1 Replies View RelatedI wanted to create multiple instances of vertical menus..i copied module but i dont know how change css for other module.
View 1 Replies View RelatedCan I make image vertical or horizontal flip by jQuery?
View 10 Replies View RelatedI have nested unordered list I need to display as horizontal menus below each other.
[Code]...
And when I click on a Menu 2 submenu is shown for it. And hides Menu 1 submenus. The problem is I need this for multilevel. The result in the will be end showing div's below the menu.
I'm using the Superfish vertical menu to develop an online book. My vertical menu which consists of chapters and sections place on the side of my page, and is long enough to show all of the main items. However, as the chapters get lower in the page, the submenu items (my section names) get cutoff (there's not enough room to show all subitems for the final 2 chapters). So, I guess I have 2 questions:
1) Is there some sort of option to tell Superfish to realize "Hey, not enough room for the menu, so I need to move the submenu up higher" and if not
2) Could someone give me some direction as to how I might be able to move "up" a few of my submenus by diving into the code? In other words, instead of the first item in my submenu visually matching up with the main option, have the 3rd or 4th visually matchup, thereby giving me the extra space needed when close to the bottom of the page.
I'm trying to setup a vertical menu where the submenus align to the top of the parent ul rather than the parent li.as in this image: URL...
View 4 Replies View RelatedI'm usingSuperfish for a popout context menu and it works up to a point, then the screen gets littered with the visible submenu items that are no where near their parent.I have several "views", and 250 things with menus on 1 page seems OK, but 450 is not. I don't have one in between at the moment. Also, my "pages" are in jqueryUI tabs, the tab divs have a table in them, the table td's is where I'm sticking the ul for the menus. I have have many tabs and they all work, even with over 600 in total, it's just the one table with over 400 rows that doesn't look right.Is there some technical limitation on applying sf-menu class to a UL as a child to a table where it hits a ceiling, or do i need to make a mockup test case to figure out what's going on?
View 2 Replies View RelatedI'm working on a project that uses mega menus. Mega Joomla mega menu URL... was put into place before the project was handed off to me . The only problem with it, is that when you are browsing the site on an iOS device (ipad, iphone, etc), and you press on a main menu item, it goes straight to the page it links to instead of opening up the mega menu like the 'hover' is supposed to do.I was looking at Superfish and it looks like it meets my requirements of having the menu be CSS based (so it degrades nicely when JS is turned off), accessible (you can tab through the menu) AND it appears that when you are on an iOS device, you can touch the menu item once, and it will open the menu, touch it twice and it will go to the link which is what I need (i tested this with the sample menu given on the Superfish site).
I've tried to set it up but it's not working and I think it's because it's not expecting children <ul>'s. Mine are all being hidden. I've read through this thread URL... and according to Charlie, Superfish is supposed to work with children <ul>'s and <div>'s but I just can't get mine to work.Is there anyway to adapt Superfish to this?
i've made a horizontal Superfish menu which fills the containing div entirely, based on the description given here:[URL]Basically that is:
#menu { width: 100%; float: left; display: table;}
#menu > ul { display: table-row; }
#menu > ul > li { display: table-cell; min-width: 20%; }
However, this causes the effect of the Supersubs plugin to stop working. Is there a way of providing a dynamic submenu width when having a "full width" Superfish menu as described above?
why my superfish nav-bar doesn't appear like the example on the superfish page?[URL]
View 8 Replies View RelatedI have a menu that I've already set up with ALA's CSS Sprites2.I have to add a drop down menu into the mix. What would be the best way to achieve this, or rather what would I need to change in the Superfish scripts to get this to work?
View 2 Replies View RelatedHow is the arrows displayed in the superfish menus? If I would like to change to an image of my choice, how do I go about?
View 1 Replies View RelatedI want to use the Superfish menu plugin but with 1 more behavior: when the user clicks outside the menu, the menu closes. (or clicks anywhere, doesn't matter). This way I can have a large delay and just tell people to close the menu by clicking outside the menu, which will improve greatly the usability of the menu.
View 1 Replies View Relatedwhen someone tabs through with the keyboard, and presses enter on a link, it triggers the click event on that link (which is good) but then the menu stays open.. In my case, I'm not directing the user to a new page, just loading up ajax content, so the menus just hang there open.I want to close them after a click/pressing enter.Or should this go with my gripes about keyboard navigation.
View 6 Replies View RelatedI've got 4 subnav buttons; each has at least a sub menu; some subs have a subsub menu. My problem is, if I mouseover one of the four main subnav buttons, and then DO NOT choose a sub menu option, but instead mouseover (say) the next of the four buttons, the first sub menu stays displayed.
This only happens if I'm mousing horizontally across the buttons -- i.e., if I mouseover a button, move the mouse pointer above the button, the menu will disappear as it should and it all works correctly.
I've attached a screenshot illustrating how all 4 menus can be open at once.
This is a snippet of the relevant navigation html (2 buttons only):
<div class="sub_nav"><ul class="superfish" id="subnav">
<div id="cat_js_here">
<li class="not_selected"><a class="sub" href="collection.php">Browse by Category</a>
[Code].....