JQuery :: Superfish Navbar Not Horizontal?
Nov 14, 2011why my superfish nav-bar doesn't appear like the example on the superfish page?[URL]
View 8 Replieswhy my superfish nav-bar doesn't appear like the example on the superfish page?[URL]
View 8 RepliesI'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 RelatedI'm using a navbar with superfish. I simply put my menu list inside awrapper so the markup looks like this:
<div class="navbar-wrapper>
<ul class="sf-menu sf-navbar">
<li>...</li>
[code]....
I seem to have hit a brick wall. I can get my superfish menu the way I like it - as per screen grab here but I have to disable the supersub.js:
wp_enqueue_script('cudazi_supersubs',get_bloginfo('template_directory')."/js/supersubs.js");
If I do this though, the homepage slide show doesn't work, any pointers of a work round? My page is here: [URL]
Has anyone used the Superfish navbar menu sucessfully with WordPress 3.0 menu manager?I have got the regular Superfish menus to work with the new WordPress Menu system, but not the navbar menu.
View 1 Replies View Relatedi'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?
(reposted to get through the xmas rush) In my superfish horizontal menu bar (nav-bar style) I need the sub-menu to stay visible while it's parent is selected (not just on hover). I've tryed adding styles and have experimented with adjusting the .js files, but have been unable to achive this effect. Here is what I want my menu to do (that I haven't been able to achieve yet):
menu color: #777
Current hover red
Current menu red.
[code]....
The SuperFish horizontal menu with drop downs renders great in IE. But in FF or Chrome the menu bar is double in height. Please help or direct me where to go (Not sure if it is my install or CSS). [URL]
View 1 Replies View RelatedI 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 Replies View Relatedi am using the jquery superfish menu at[URL]. i cannot seem to modify the width of the menu items (or the <li>). how do i do this? i am using the superfish.css style sheet. i tried to modify the width by changing the values of a few classes (i.e. where it said 100% or had an em appended), but this did not .
View 1 Replies View RelatedI'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 Relatedhow 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 was basically trying to follow several tutorials to get a superfish menu working on my website, but I don't seem to be able to get it to work.I included both the superfish.css and the superfish.js in my website's header; both paths are corrent and point to the designated file.I then included the superfish function in my header like this:
<script> $(document).ready(function(){ $('ul.sf-menu').superfish({
delay: 1000, // one second delay on mouseout
animation: {opacity:'show',height:'show'}, // fade-in and slide-down animation
[code]....
The corresponding <ul> element has the required sf-menu class, but still there are no animations, no fading, no delays, just the plain css functionality provided by the superfish.css.
I am new to javascript and am eager to learn. I know I could probably just use jQuery to make this cross-browser but I would like to learn the ins and outs of javascript before abstracting them away. Our website currently has a navbar that is coded in HTML on every single webpage so changing it means changing every single webpage. So I want to make this more dynamic (and animated) by using javascript.
The problem is that IE is not cooperating. Specifically, IE loads everything alright but does not slide. It just loads the whole submenu instantaneously after a user clicks. Firefox works perfectly. At the top of my test page is a doc type statement inherited from the real index
[Code]...
Trying to use a <body id=""> tag to simulate a hover event on any given image of my navbar. Is it possible? Could a "swap image" script work? I'm willing to place the images in an "li,ul" list if need be.
View 8 Replies View RelatedI need to be able to use the most recent jquery library but when I try to move a horizontal menu to 1.4 it blinks when you move from the parent nav item to the nested nav item. Both 1.3 and 1.4 blink when moving back and that is OK but I need for the menu not to blink when a user moves from parent to child the first time.
[url] <--works
[url] <----blinks
The code uses the following code and the call to the library only:
<code>
I want to make a horizontal navigation bar with jquery, but it dont work. This is my homepage [URL]. And I would like to have a flipout bar by the point "sonstiges". How it works? Here is a link for the Code:view-source: [URL].
View 1 Replies View RelatedI'm building single page website with horizontal scrolling script and I want to add tabs (loading external html) to one section. I've managed to place them into a div inside this section but problem is that every time I click on any tab it scrolls horizontally to home page and returns back directly to that tab and not top of the section/page
[Code]...
I have a page where I want the content to slide horizontal. It works but in IE the sliding animation is not smooth when I use a background image in body. When I don't use this image it's smooth.
View 5 Replies View RelatedI am trying to create a horizontal menu, and I have succeeded in getting the menu to view the way I want it, but for some reason when I mouse over the <li> in the root <ul> it shows me all the <ul> under every <li> at once. Here is a sample.
<div id="MainMenu">
<ul id="Nav">
<li class="level1"><a href="~/Default.aspx">Home</a></li>
<li class="level1"><a href="~/Default.aspx">Bullitens</a>
<div class="SubMenu">
<ul class="SubNav">
<li class="level2"><a href="~/Default.aspx">Home</a></li> .....
.level1 {
display: inline-block;
margin: 0 10px;
height: 25px;
padding-right: 20px;
}
.level2 {
padding: 0px 15px;
margin: 4px 10px 0px;
display: inline-block;
}
This code would most likely be what is necessary to reproduce my issue. Am I at least close to getting this menu to function the way I want it to?
I follow this post [URL] to create a nice tooltip based on jquery, the problem is, that I'm getting horizontal scrollling, I tried to fix it by adding: display: "none" my_tooltip.css ({left: "-9999px", display: "none"});
in the mouseOut function, but i'ts not working as I expected
I 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 RelatedI'm trying to scroll a horizontal scrollbar and having some troubles. I've been searching far and wide and only come up with jScrollPane so far which works for vertical scrollbars, but not Horizontal.
[url]
Has anybody managed to style a horizontal scrollbar for a div, (with overflow set to :auto), using JQuery?
I am having a problem with superfish working in IE8. It displays vertically instead of normal, i.e. horizontal.
This may be a known issue but i cant find anything on it.. it may also be a CSS issue but i cant tell for sure...
What 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'm trying to create a horizontal carousel/slider that will display my latest Tweet.
I started with some code I found to pull in my latest tweets via .json. I got that all set up and now I'm trying to integrate the bxSlider plugin to cycle through these tweets one at a time.
At this point I get all the tweets in a <li> that cycle through together. I've set up a jsfiddle to demonstrate what I have
[URL]