lylie13 Posted March 9, 2014 Share Posted March 9, 2014 (edited) Good Evening all, and firstly thank you for taking the time to read this; I am creating a 'fashion' webpage - the issue I have is I have downloaded Bootstrap fashion theme When I hover over my 'categories' the drop down list is a single column and you need to scroll down the page to see all of the subcategories Is there a module which can turn this single list into a grid format to help user experience? Preferably the module would be free... I would appreciate any help you can offer Kindest regards Edited March 12, 2014 by vekia (see edit history) Link to comment Share on other sites More sharing options...
vekia Posted March 10, 2014 Share Posted March 10, 2014 Bootstrap fashion theme can you say something more about this theme? any chance to see it live somewhere (for example your store?) if so, please share url. Link to comment Share on other sites More sharing options...
lylie13 Posted March 10, 2014 Author Share Posted March 10, 2014 (edited) can you say something more about this theme? any chance to see it live somewhere (for example your store?) if so, please share url. Thanks in advance for tryiing to help me Edited March 12, 2014 by lylie13 (see edit history) Link to comment Share on other sites More sharing options...
vekia Posted March 10, 2014 Share Posted March 10, 2014 you're looking for something like: ? Link to comment Share on other sites More sharing options...
lylie13 Posted March 10, 2014 Author Share Posted March 10, 2014 you're looking for something like: ? Exactly right - hopefully so it will display a few categories a bit like on asos.com many thanks Link to comment Share on other sites More sharing options...
lylie13 Posted March 11, 2014 Author Share Posted March 11, 2014 Any ideas please Link to comment Share on other sites More sharing options...
vekia Posted March 12, 2014 Share Posted March 12, 2014 in this case you have to use these styles #menu-custom ul {width:1170px;} #menu-custom li li a{display:inline-block; width:auto; float:left; min-width:200px;} #menu-custom ul li ul {top:40px; left:0px;} paste them somewhere to superfish-modified.css Link to comment Share on other sites More sharing options...
lylie13 Posted March 12, 2014 Author Share Posted March 12, 2014 (edited) in this case you have to use these styles #menu-custom ul {width:1170px;} #menu-custom li li a{display:inline-block; width:auto; float:left; min-width:200px;} #menu-custom ul li ul {top:40px; left:0px;} paste them somewhere to superfish-modified.css I added this into the top and it solved the issue, many thanks Edited March 12, 2014 by lylie13 (see edit history) Link to comment Share on other sites More sharing options...
vekia Posted March 12, 2014 Share Posted March 12, 2014 you're welcome i marked this topic as solved, it will be usefull for other merchants with similar expectaction with regards, Milos Link to comment Share on other sites More sharing options...
.png.022b5452a8f28f552bc9430097a16da2.png)
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