Comments (10)
Try setting the white-space: nowrap to children ul. It should do the trick.
from slimmenu.
No, unfortunately that didn't do it. I can get the text to staying on one line with out messing up the layout of the submenus by putting .slimmenu li a {white-space: nowrap;} but then the text just goes outside the li element.
from slimmenu.
Is there a link where I can see the issue online?
from slimmenu.
It's a site I'm building locally but if you use chrome dev tools to remove
the ul.slimmenu li {width: 234px;} from your demo then you can see similar
behaviour.
On Sun, Nov 17, 2013 at 2:25 AM, Adnan Topal [email protected]:
Is there a link where I can see the issue online?
—
Reply to this email directly or view it on GitHubhttps://github.com//issues/15#issuecomment-28628820
.
Eben Hale
0425 294 819
[email protected]
from slimmenu.
I had the same problem. I solved it by setting the li-tag to width:100%. I don't know if it's the best solution but it works. I only have two levels in my menu, haven't tried it on three.
ul.slimmenu li ul li {
background-color: #F7F7F7;
width:100%; /Mod/
}
from slimmenu.
Hey Haleeben,
Im having the same issue. The fix offered by tobiassjoren does not work for me (adding width:100%).
Any chance you figured out a solution for your issue?
from slimmenu.
It was a while ago. I think I had to add normalize.css and had to set the width on the li:s.
from slimmenu.
I solved it this way:
Overwriting "width:100%" on line 122 in slimmenu.css by adding:
ul.slimmenu li > ul {
width: auto;
}
from slimmenu.
Hi, this worked for me (changing line 119):
ul.slimmenu li ul li { background-color: #BBB; white-space:normal; width:100%;}
Line 128:
ul.slimmenu li > ul > li ul {
display: none;
position: absolute;
left: 100%;
top: 0;
z-index: 999;
width: 100%;
white-space:normal; /added this/
}
from slimmenu.
Delete the "width:100%;" on line 122.
ul.slimmenu li > ul {display:none; position:absolute; left:0; top:100%; z-index:999; background:#bbb; /width:100%;/}
from slimmenu.
Related Issues (20)
- How to set slimmenu work only small screen size? HOT 4
- Sub menu won't open/dropdown after I have resized the window smaller or larger HOT 2
- Selected State
- Change collapse button when menu is opened? HOT 6
- not working in edge HOT 1
- How To Create Mega Menu?
- want my slimmenu menu items to have uniform width HOT 1
- Auto collapse after tap? HOT 1
- Selectors for Wordpress Menu
- Can we clone already existing menu with selector?
- SlimMenu / ReactJS
- Remove styling from SCSS sheet
- Ability to assign a different mobile button
- How to destroy Slimmenu / Problem with re-rendering HOT 1
- Open only one sub-menu at a time
- Submenu showing gap
- Submenu Dejaron de funcionar
- Submenu contents overflow to the right of the screen
- slimmenu js file trigger the resize function in custom.js file
- Doesn't work using jQuery 3
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 slimmenu.