JaunasPinigas Posted February 27, 2015 Share Posted February 27, 2015 (edited) Hello, I'm developing this website http://sarlote.lt and you see that hover menu in header? Let's hover first item "Grožis/Sveikata" and then a loong menu shows up, and i'd like to have it in multiple (at least two) columns How can i achieve this? Thanks Here is the CSS responsible for menu: http://pastebin.com/UmxbV98T Edited February 27, 2015 by JaunasPinigas (see edit history) Link to comment Share on other sites More sharing options...
NemoPS Posted February 28, 2015 Share Posted February 28, 2015 Try setting the menu's width to a fixed number like 400px .sf-menu > li > ul { padding: 15px; width: 400px; border: 1px solid #ebebeb; } then .sf-menu ul li { width: 50%; } 1 Link to comment Share on other sites More sharing options...
JaunasPinigas Posted February 28, 2015 Author Share Posted February 28, 2015 It worked! Also, if anyone's interested, I had to change: .sf-menu li li li ul { width: 400px; } Just experiment with it! Link to comment Share on other sites More sharing options...
Recommended Posts
Create an account or sign in to comment
You need to be a member in order to leave a comment
Create an account
Sign up for a new account in our community. It's easy!
Register a new accountSign in
Already have an account? Sign in here.
Sign In Now