Comments (4)
I usually avoid debugging individual CSS issues, but you made it easy enough for me to help by creating a jsFiddle, so thanks for that. Here is the problem:
.main-menu-list > li > ul { display: none; /* <--- remove this */
The CSS that comes with Superfish is a guide that is best not to stray too far from when it comes to the nuts and bolts of how things work. Go for broke on the styling, but the CSS under the "essential styles" comment is important.
Note that the top level items on your menu are not links, so that will likely break keyboard access and possibly various touch devices. Just a heads-up.
Hope this helps.
from superfish.
OK thanks. I still feel like there is a bug somewhere, because the plugin isn't adding the sfHover
class (or setting the dropdowns to display:none
which it does normally). Once you've moved the mouse on and off a few times, the menu does work and it is adding the class.
However, assuming the display
property shouldn't be used at all, I would say this is instead an issue with documentation - I was using the standard "suckerfish" system which does use display none/block. Perhaps it should be clearer in step 1 that the display property doesn't work with this.
Interestingly, although the sample CSS uses top
, several other properties work fine such as opacity
or visibility
. Edit: scratch that, those properties are irrelevant. Using no properties at all, it still works.
from superfish.
You raise some fair points. Let's leave this issue open and I'll have a think about it all. Thanks for your feedback.
from superfish.
v1.5.12 fixes this :)
from superfish.
Related Issues (20)
- SuperfishForSharePoint HOT 1
- Mobile menu not working 🤔 HOT 1
- jQuery easing animation support
- Way to disable all delays and animations HOT 2
- On Mobile (Google Pixel) on wordpress, selecting a submenu opens and rapidly closes the submenu HOT 1
- v1.7.9 confict with WooCommerce single product tabs navigation HOT 1
- issues with jquery 3.2.1 HOT 3
- onShow triggered again when clicking menu
- how to initialize superfish using javascript HOT 1
- Swiping to scroll opens submenu
- mouseenter targets vs focusin targets HOT 2
- On mobile submenus not showing HOT 1
- Superfish doesn't work correctly
- Close the current submenu by using escape HOT 5
- iPad ios 13.1 menu item link problem HOT 17
- Busted link in the README HOT 1
- jQuery Superfish Menu Plugin
- Homepage implies it contains examples, on their own page
- jQuery(...).superfish is not a function HOT 2
- Is there a support for accessibility for using this menu library. looking for aria-expanded attribute usage in this menu
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
D3
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
-
Recommend Topics
-
javascript
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
-
web
Some thing interesting about web. New door for the world.
-
server
A server is a program made to process requests and deliver data to clients.
-
Machine learning
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from superfish.