JQuery :: Superfish Menu Disable Link At Top Level?
May 16, 2011
I have inherited a site with superfish used as the menu which seems to work fine except that I wish to disable the links at the top level so that a click on the top level of the menu goes nowhere only clicks on the sub menu list. At the moment each top level menu item is a section and the sub menu list categories. There is nothing I need or want to place in the Section heading so a link from this is unnecessary but at the moment clicking on the top level (section) leads to a page i do not want.Example:-Top Level Section (no link to anywhere)2nd level Category 1 (link to article)3rd level Category 2 (link to article)etc.
Is this possible to do. I feel sure it should be as it is a normal facility on a drop down menu but I cannot find anywhere in the options which enables this. I am not sufficiently conversant with CSS to try playing with the current layout which other than this seems to be working ok.
View 1 Replies
ADVERTISEMENT
Jul 11, 2011
I have implemented Superfish in SAP Portal. there is a small issue when I take a print using the browser's print option. When I try printing the Web Page from the browser, the Top Level Navigation Menu appears as a list of links (vertical). This is happening in both IE as well as Firefox.
I have seen the same issue in the website from where I downloaded Superfish :-|
1. Goto: [URL]
2. Click on 'Print Preview' button in your Browser.
3. The Superfish Menu below the text 'The result:' will appear as a list of links in the print preview.
View 6 Replies
View Related
Mar 19, 2009
I have a 3-level menu using JQuery-Superfish. I would like to hover over the top-level menu item and have BOTH the 2nd and 3rd-level menus open automatically.
View 1 Replies
View Related
Oct 31, 2009
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 Related
Jul 19, 2011
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.
View 1 Replies
View Related
Apr 21, 2009
I want to use this menu but i have so many main items that there are 2 rows. The first row is always on top. How can i get the second level menu to be on top of the fisrt item menu-item1 menu-item2 menu-item3 menu-item4 menu-item5 menu-item6 menu-item7 menu-item8 menu-item9
View 2 Replies
View Related
Jun 23, 2009
I'm in trouble implementing superfish in a website project. My problem is: I have a category based menu item that has two sub-levels set to display horizontally. I hover the first menu item and the first sub- level shows. Then I click the first sub-level and both it and its parent-item get highlighted and stay visible.Then I do the same to the sub-level below these but it doesn't work. This second sub-level gets the right class ('current') but the first level loses its 'current-cat-parent sfHover sf-breadcrumb' classes causing all levels to disappear.
View 3 Replies
View Related
Jan 7, 2009
I am trying to turn a single level flyout menu into a multi level one.
It uses a dt for the title, and a ul within the dd for the menu items. The dd opens to the right of the dt.
The problem is that the second level menu (a dl within an li within another dl) [URL] - flyout4 & subflyout5.
The z-index is increased each time. I just can't figure why the area is limited.
javascript, css & html follow -
Code JavaScript:
/** FLYOUT = vertical dropdown **/
var Flyout = {
DDSPEED:10,
[Code].....
View 1 Replies
View Related
Sep 12, 2011
I`m using superfish menu. Could you please help me out with it? I need to display also the third level on horizontal, not vertical as it is now. I used the instruction on superfish page so the second level uses now sf-navbar and now it is displayed horizontally. how to display the third level (tier) horizontally?
View 1 Replies
View Related
May 24, 2009
I just discovered that Internet Explorer is not showing the 3rd level of the menu. [URL](very much a work in progress) I believe it's a js issue and not a css one. I've removed all js/ jquery except the menu stuff and the problem still exists. I'm not sure what to do now. I know it should work because the examples on the superfish site do. Also, I just pulled up my test page that I made before integrating the CMS and they don't work there either. Maybe there will be some clue
here because it's the only js/jquery involved. [URL]
View 3 Replies
View Related
Feb 15, 2011
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
View 1 Replies
View Related
Jun 3, 2009
The problem is that the height of the second level menu results in their being gaps in between each menu item so that as you move your mouse down the second menu items it quickly closes again. scripting novice fix this by telling me which variable I need to change either in the Java script or the CSS files.
View 2 Replies
View Related
Jan 19, 2011
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 Related
Mar 4, 2011
I'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.
View 2 Replies
View Related
Jan 7, 2010
Can we keep different color for different menu items .
View 1 Replies
View Related
Jul 29, 2011
I'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?
View 1 Replies
View Related
Sep 24, 2011
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 Related
Sep 24, 2010
Well I have used this same script a few times, but this time I am having an issue, When I hover the text the drop down shows, as soon as I try to hover the drop down it will disappear.I am also trying to make the background stick on main text (hover text) untl the mouse moves off. Been stuck on this for hours.Here is my HTML
<div class="header-nav">
<ul id="navigation">
<li><a href="">home</a></li>
[code].....
View 1 Replies
View Related
Oct 29, 2010
I have implemented a jQuery hover top level menu & it is working fine in bothIE 7& 8. However, when I am executing the same code in Mozilla Firefox, it is not rendering hover effect at all. Also, I am adding a <span> using jQuery if JavaScript isn't enabled. This span is also not getting added in Mozilla.
Following is the code that I am using.
<script type="text/javascript" src="[URL]"></script>
<script>
$(document).ready(function(){
$("ul.subnav").parent().append("<span></span>");
$("ul.pnode li a").mouseover(function() { //When trigger is clicked...
//Following events are applied to the subnav itself (moving subnav up and down)
$(this).parent().find("ul.subnav").slideDown('fast').show(); //Drop down the subnav on click
$(this).parent().hover(function() {
}, function(){
$(this).parent().find("ul.subnav").slideUp('slow'); //When the mouse hovers out of the subnav, move it back up
});
//Following events are applied to the trigger (Hover events for the trigger)
}).hover(function() {
$(this).addClass("subhover"); //On hover over, add class "subhover"
}, function(){ //On Hover Out
$(this).removeClass("subhover"); //On hover out, remove class "subhover"
});
});
</script>
I came to know that IE & Mozilla see .parent differently.I have tried everything but not able to get this stuff working in Mozilla. I am using Firefox 3.5.5 version.
View 4 Replies
View Related
Oct 6, 2009
I 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 ..
View 2 Replies
View Related
Mar 23, 2010
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 Related
May 17, 2009
I 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 Related
Aug 4, 2009
I 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 Related
Jan 29, 2010
[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
View Related
Jun 9, 2011
I am trying to customize the superfish (jquery) menu. Does anyone have experience working with this?
[URL]
View 5 Replies
View Related
May 3, 2010
I would like to use the menu that is linked below. I implemented it on my website but I discovered that it can only go 2 levels deep. I would like it to go one more level and I think that would be done in the javascript but I can't tell for sure. Could someone steer me in the right direction? [URL]
View 2 Replies
View Related
