xsk8zorsx Posted April 16, 2014 Share Posted April 16, 2014 So as the title suggests i dont know whats causing it but......... All my drop downs when hovered on the top menu are displaying horizontally. however one category is displaying the sub categories verticaly. I dont know whats causing it, so i cant fix it... anyone found the same problem? If so any idea how to fix? Cheers Link to comment Share on other sites More sharing options...
dioniz Posted April 16, 2014 Share Posted April 16, 2014 Try if this helps you: In yourtheme/css/modules/blocktopmenu/css/superfish-modified.css check if you have this style: .sf-menu > li > ul > li.first-in-line-lg { clear: left; } Delete clear: left; and see if it works. 1 Link to comment Share on other sites More sharing options...
xsk8zorsx Posted April 16, 2014 Author Share Posted April 16, 2014 Thank you very much this has sorted it Link to comment Share on other sites More sharing options...
alamagar Posted May 3, 2014 Share Posted May 3, 2014 Hi Dioniz, I have the same problem and your solution works, but on the other side it messes up the third level menu like in the image attached. any idea? thks in advance. Link to comment Share on other sites More sharing options...
vekia Posted May 3, 2014 Share Posted May 3, 2014 i will be honest, top menu has got bad css styling, especially when we have got different number of subcategories attached to "parent" category displayed there. it should appear like default pinterest page http://www.pinterest.com/ not as it appears now. your blocks inside top menu must have the same height to display properly, otherwise it will be messed up. Link to comment Share on other sites More sharing options...
alamagar Posted May 3, 2014 Share Posted May 3, 2014 On 5/3/2014 at 5:20 PM, vekia said: i will be honest, top menu has got bad css styling, especially when we have got different number of subcategories attached to "parent" category displayed there. it should appear like default pinterest page http://www.pinterest.com/ not as it appears now. your blocks inside top menu must have the same height to display properly, otherwise it will be messed up. Thks vekia, but this problem only arise after solving the problem with missaligned subcategories removing "clear:left" in .sf-menu > li > ul > li.first-in-line-lg { clear: left; } from yourtheme/css/modules/blocktopmenu/css/superfish-modified.css that is, if I left "clear:left" 2nd level subcategories are missaligned if I remove "clear:left" 2nd level subcategories are aligned but 3rd level is messed up like in the attachhed image. Link to comment Share on other sites More sharing options...
dioniz Posted May 3, 2014 Share Posted May 3, 2014 Is it possible to see this on a site. I never used 3rd level so i didn't know about this problem. But as vekia said this is some kind of bad menu styling Link to comment Share on other sites More sharing options...
alamagar Posted May 3, 2014 Share Posted May 3, 2014 On 5/3/2014 at 7:49 PM, dioniz said: Is it possible to see this on a site. I never used 3rd level so i didn't know about this problem. But as vekia said this is some kind of bad menu styling of course. you can see it at http://gustiplau.com now "clear:left" is present in the css file and 2nd level subcategories are missaligned. you can see it in "Los Destilados" or "El condimento" options. Link to comment Share on other sites More sharing options...
dioniz Posted May 3, 2014 Share Posted May 3, 2014 (edited) whatever i try i can't make it work Edited May 3, 2014 by dioniz (see edit history) Link to comment Share on other sites More sharing options...
dioniz Posted May 3, 2014 Share Posted May 3, 2014 What version of menu do you have Link to comment Share on other sites More sharing options...
alamagar Posted May 4, 2014 Share Posted May 4, 2014 On 5/3/2014 at 9:01 PM, dioniz said: What version of menu do you have prestashop 1.5.6.2 menu v 1.11 Link to comment Share on other sites More sharing options...
vekia Posted May 4, 2014 Share Posted May 4, 2014 i hope that solution is available here: http://www.prestashop.com/forums/topic/326085-solved-how-center-category-text-in-the-top-men%C3%B9/ Link to comment Share on other sites More sharing options...
alamagar Posted May 4, 2014 Share Posted May 4, 2014 On 5/4/2014 at 9:32 AM, vekia said: i hope that solution is available here: http://www.prestashop.com/forums/topic/326085-solved-how-center-category-text-in-the-top-men%C3%B9/ Hi vekia, we are in a loop. I am the one last asking at this post to you too. :-) Link to comment Share on other sites More sharing options...
astpierre Posted May 6, 2014 Share Posted May 6, 2014 Hi Vekia. Your solution doesn't seem to work and I have the same problem as xsk8zorsx Unless I am not modifying the right file. This is the path of the file I am changing, please correct me if I have the wrong one. \themes\default-bootstrap\css\modules\blocktopmenu\css\ Thank you Link to comment Share on other sites More sharing options...
falkor Posted May 7, 2014 Share Posted May 7, 2014 (edited) Hello,If your only problem is in align, here you have it should help: ul.sf-menu > li > ul li { text-align: center; } It will align center every single level of menu except first one You're editing right file, but remeber if there have two css selectors with same strength last one will be used. Edited May 8, 2014 by falkor (see edit history) Link to comment Share on other sites More sharing options...
.png.022b5452a8f28f552bc9430097a16da2.png)
Recommended Posts