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
I CANNOT get my superfish menu to align center
I have tried the text-align every place I know, but just cannot get it to center.
I'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 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 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 want to center a javascript and CSS horizontal dropdown menu, How do I centre the bar I am using the stylesheet. [url]
View 3 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 Related[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 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]....
