Comments (7)
I can't check this right now, but it should work. At the top of superfish-vertical.css, simply replace the width
rule with min-width
. Or, you could just keep using supersubs.js v0.3b if you prefer. Hope this helps.
from superfish.
Note that the min-width
solution may not work if you didn't originally create your menu from v1.6.x+ CSS.
from superfish.
I tested this and found it needed a smidgen more CSS for it to work. Here is a Gist of the final superfish-vertical.css file you will need to achieve the effect.
from superfish.
This worked GREAT. Suggest you update source to be like that!
from superfish.
Excellent. But with regard to adding this as the default, I imagine the much more common scenario to be that a vertical menu needs to fit nicely within a sidebar rather than determine its own width. Do you disagree?
from superfish.
Humm....perhaps you are correct. I let mine determine its own width - so the sidebar can vary in size a bit. (normally a small amount). Perhaps then - adding an additional class that can be used to get this behavior - I would think others might want/need, but you know best!
from superfish.
Thanks, I just released v1.7 and added a bit of code to superfish-vertical.css that, when uncommented, will provide this functionality. Cheers.
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.