[URL] and you can see the code there, but essentially I'm wondering if there is a way to open (I know there is, I just can't) the superfish menu plugin "up" rather than down which it does by default. I think it's a css/jQuery animation issue but I can't seem to get it.
View 3 Replies
I'm trying to get Superfish menus working on a new site I'm building, but have run into a problem. I have used the feature of setting a class on the current menu item so that it will be highlighted (highlit?). The trouble is that if the menu item has a submenu this submenu is displaying already opened when you hit the page.
I've set the menus up with the following options:
$('ul#nav').superfish({ hoverClass: 'sfHover',
pathClass: 'current',
pathLevels: 1,
delay: 800,
animation: {opacity:'show'},
speed: 'normal',
autoArrows: true,
dropShadows: true,
disableHI: false
});
This is a snippet of the menu code just for completeness, although it's pretty generic:
<ul id="nav">
<li><a href="index.html">Home</a></li>
<li class="current"><a href="agenda.html">Agenda</a>
<ul>
<li><a href="stream_busdev.html">Business Development Stream</a></li>
<li><a href="stream_techsupp.html">Technical and Support Stream</a></li>
<li><a href="stream_partners.html">Partners Stream</a></li>
<li><a href="stream_paytrain.html">Payroll and Training Stream</a></li>
</ul></li>
... more menu items in here ...
</ul>
I've also attached a screengrab, in case it helps, since the site isn't live yet. So I guess what I'm asking is: is there a way to have the current parent menu item marked as current without it automatically opening the submenu?
I have trouble with SuperFish Menu, of course it looks very nice and is good solution, but I am not advanced in CSS language.how to change space between menu and submenu in Navi-bar type menu? Now sobmenu hide part of menu, I have to must space.....
Attachments
superfis.JPG
Size : 11.4 KB
Download : 306
how to make the menu items a fixed width in a horizontal Superfish menu . I've tried mucking about with the CSS but no luck so far. I'm sure it's easy, but I can't seem to work it out.
View 9 Replies View RelatedI'm using superfish menu jquery plugin, and I'm wondering if someone know how to update plugin that you can decide if sub - sub menus wil be shown on the right (that is in the original) or on the left side of the parent menu.
The problem is, that if the last menu is near the end of the browser, than the sub - sub menu will go off side the browser.
I'm thinking of using this plugin for my menus. Is there an easy way to display a menu item in a disabled state?
View 1 Replies View RelatedCan we keep different color for different menu items .
View 1 Replies View RelatedI'm curious if anyone knows how to fix this. Most of the content of my page is 940px wide. The superfish menu, expanding as it should to fit my drop-down heading text, is only about 700px wide. I want to apply a color background to the div that the superfish menu is housed in so that the menu appears to be 100% width.
For some reason, in webkit and firefox, the color of the div that the menu is contained in does not show up, so there's just an empty space in that last 25% or so of the bar.
In IE, it looks correct, though. (the color of the containing div shows through the blank space in the menu, making the menu bar appear to fill the entire width).
Am I missing something in the Superfish menu that makes it appear at 100% width?
I am using the Jquery Superfish menu within a struts 2 web app. As seen in the attachment, The menu is appearing and the hover delay is working but there are gaps between each menu and its sub menu. Also the root menu items are not all the same with. I am using the example code without changing it. how to get rid of these gaps ?
View 1 Replies View RelatedOn my website the navigation is at the top and right aligned. When you hover over the items on the right and the drop downs begin to appear they drop down and fold out to the right and consequently off the page and not very visible. Is there a way to tell the drop downs to roll out to the left instead of right?
View 1 Replies View RelatedI have installed Superfish menu module with Joomla ..Customization work more less fine ...I still have tenious problem like :
- How to have the main menu with the active color, when one of the sub-menu has been actived ?
- How to change the inactive color of the sub-menu without changing the inactive colro of the principal menu ...I did not found any information on the web ..
I ma just trying to figure out how I might center a superfish menu - and possibly make the top level LIs 'auto size'. It sees the menu will only float left or right. Of course I am not a css guru either - it could be staring me in the face.
View 2 Replies View RelatedI want to make a dynamic menu where the items being shown depends on the access of the user. I tried having a code in codebehind of my aspx page that will set a certain li to style display none, but when viewed in IE6 I get a white space within the menu.
View 1 Replies View RelatedI am in the process of replacing a YUI menu implementation with Superfish. Is there an easy way to implement a popup menu? Something like:[URL]..
View 2 Replies View RelatedI am trying to customize the superfish (jquery) menu. Does anyone have experience working with this?
[URL]
I'm trying to dynamically disable a Superfish menu when in mobile mode (using responsive design), so that only the main menu items are displayed. I want the Superfish menu to be re-enabled when the browser window is re-sized and the desktop CSS is re-served.
I've tried using detach() and append() to remove and restore the ULs, but I can't get that to work properly.
I'm trying to use the superfish dropdown menu + s3slider and for the love of god I cannot seem to get them to run together!
Once I add the code below for the slideshow the navigation arrows/shadow and fade effect turn off and vanish...
Here is my entire code for the menu / slider any help would be great as I'm completly lost on this one....
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
can i tell superfish menu to open a specific submenu manually (without mouseover or click, just static, until you change it)
View 2 Replies View RelatedThe issue I am having is that my menu is aligning to the right, instead of to the left where the normal menu was. I have worked with the CSS for some time now, but have not been able to figure it out. I would also like to make the menu colors black text with a transparent background, and white text with a #333 background on hover. The web site address is: [URL]
View 1 Replies View RelatedI use Superfish menu basic style in my small FOSS project.Question: How can I make a horizontal Superfish menu, floating, likeis[URL]
View 2 Replies View RelatedIs it possible to animate the Superfish menu on mouseout (like a slidedown/slideup animation)? I only manage to get the animation on hover/mouseover to run (using 'height').
View 1 Replies View RelatedIt seems to me that the arrows which are added create an additional width on the menu elements.I would like to specify a fixed width for the top elements in my menu. It appears that the arrows are added automagically by the JS (neat!). I am guessing they are an additional width to anything specified in the skin css. Is there any way to use the arrows but to reserve space for the arrow width, so it doesn't change the top level menu width? I would like to be able to use a fixed width, so that I can use a non- repeating css background image. To complicate matters, I am using Supersubs (maybe I should be using the standard superfish?)
View 1 Replies View RelatedI really like this Superfish menu [URL].. plugins/superfish/#sample3) built with Jquery. But, I need to style it very differently. Does anyone know how to style the sub-menus that fly-out on hover differently?
View 4 Replies View RelatedI'm using Superfish, the vertical menu specifically, and trying to find out if there is a way to have a two or three column flyout. Right now I have a list of categories showing in the menu and some categories have a lot of subcategories. If I could display the subcategories on hover but in a two column style it would cut down on the height of the flyout menu dramatically.
Has anyone done this or would someone be willing to share how to do this?
I'm using the plugin superfish for my menu and i would like to hide it after choosing an item. Here is my code :
$(function(){
$('ul.sf-menu').superfish();
$('a[class=select-item]').click(function() {
[code]....
Is it possible to make the Superfish menu expand up instead of down (I would like to use it as a menu on the bottom of the page)?
View 1 Replies View Related
