something394124 Posted March 18, 2017 Share Posted March 18, 2017 Hi there! Been at this for a couple of hours now, but I can't seem to find the solution. In my custom.css file I have been trying to style the following tags to no avail: <div class="popover sub-menu js-sub-menu collapse" id="top_sub_menu_XXXXX"> <ul class="top-menu" data-depth="1"> I'm trying to turn the horizontal sub-menu in to a vertical sub-menu. Check out the images if you don't understand what I'm trying to achieve. If anyony got a pointer, or some advice, that would be really appreciated! Thanks! 1 Link to comment Share on other sites More sharing options...
cleon Posted August 13, 2017 Share Posted August 13, 2017 Hello, I'm also interested in this solution. Did you fix it? Thank you. Cleon Link to comment Share on other sites More sharing options...
yeye412 Posted August 16, 2017 Share Posted August 16, 2017 Me too guys.. If anyone can help us i'll thanks him. Link to comment Share on other sites More sharing options...
Ferico Posted August 22, 2017 Share Posted August 22, 2017 Any Success on this Problem? I dont want to spent 50 Euros for an Addon, just to get the Vertical Menu for my Categories 1 Link to comment Share on other sites More sharing options...
something394124 Posted August 22, 2017 Author Share Posted August 22, 2017 Hello! I fixed this by modifying the following file: "public_html/themes/YOUR-THEME/css/modules/blocktopmenu/css/superfish-modified.css" You can try using the same CSS as I did, I have pasted it here: https://pastebin.com/VjNGx8vG Link to comment Share on other sites More sharing options...
andresams Posted August 31, 2017 Share Posted August 31, 2017 (edited) Here is the solution: 1 - Open the file /themes/classic/assets/css/theme.css 2 - Search for: top-menu .sub-menu ul[data-depth=1]>li and remove the property float:left 3 - Search for .popover and remove the property left:0 4 - Search for .popover and remove the property width 5 - Search for .popover and remove the property min-width Or you cay use the file attached. Do not forget to clear your cache after the changes are made. theme.css Edited August 31, 2017 by andresams (see edit history) 2 Link to comment Share on other sites More sharing options...
Daniela Posted April 26, 2018 Share Posted April 26, 2018 On 8/31/2017 at 12:55 PM, andresams said: Here is the solution: 1 - Open the file /themes/classic/assets/css/theme.css 2 - Search for: top-menu .sub-menu ul[data-depth=1]>li and remove the property float:left 3 - Search for .popover and remove the property left:0 4 - Search for .popover and remove the property width 5 - Search for .popover and remove the property min-width Or you cay use the file attached. Do not forget to clear your cache after the changes are made. theme.css Hi #andresams, I don't find the file /themes/classic/assets/css/theme.css I use the default theme. I look also for a vertical menu. Thanks in advance! Link to comment Share on other sites More sharing options...
Daniela Posted April 26, 2018 Share Posted April 26, 2018 Just now, Daniela said: Hi #andresams, I don't find the file /themes/classic/assets/css/theme.css I use the default theme. I look also for a vertical menu. Thanks in advance! Now i see this solution is for 1.7 not for 1.6. If you know a solution for 1.6 please tell me. Thanks! Link to comment Share on other sites More sharing options...
Adrianna-27 Posted October 24, 2019 Share Posted October 24, 2019 (edited) Hola a todos. Probé el material que se ha comentado aquí y no me funciona o no aparece en mi prestashop 1.7.5. Por favor agradecería escribir la dirección completa del archivo de los que se hablen. Los que no entendemos mucho nos volvemos locos buscando los archivos. En mi prestashop si tiene /themes/classic/assets/css/theme.css pero de lo comentado no comprendo bien la respuesta. Sobre la palabra ".popover" aparece 67 veces en mi archivo theme.css creo que una ayuda podría evitar errores graves de agradecer. Ah? el archivo para descargar sobre theme.css que ya está modificado NO funciona en mi prestashop. Yo quiero cambiar los submenús que aparecen horizontales por verticales ya que tapan todo el menú principal que es horizontal y lo deseo así. Gracias a todos. Alguna ayuda seria genial Saludos Edited December 23, 2019 by Adrianna-27 No hay nadie con conocimientos¿? (see edit history) Link to comment Share on other sites More sharing options...
MarilóAmAtuMundo Posted November 24, 2019 Share Posted November 24, 2019 Hola! funciona bien el menú del archivo, lo que me gustaría es que se desplieguen las subcategorías al pasar el puntero por ellas. gracias!! Link to comment Share on other sites More sharing options...
cataplina Posted August 30, 2020 Share Posted August 30, 2020 On 8/31/2017 at 6:55 AM, andresams said: Here is the solution: 1 - Open the file /themes/classic/assets/css/theme.css 2 - Search for: top-menu .sub-menu ul[data-depth=1]>li and remove the property float:left 3 - Search for .popover and remove the property left:0 4 - Search for .popover and remove the property width 5 - Search for .popover and remove the property min-width Or you cay use the file attached. Do not forget to clear your cache after the changes are made. theme.css 182.96 kB · 239 downloads Great! It worked! I´ve been trying to change it for weeks, thank you very much! Link to comment Share on other sites More sharing options...
jpalbox Posted December 21, 2020 Share Posted December 21, 2020 On 8/31/2017 at 11:55 AM, andresams said: Here is the solution: 1 - Open the file /themes/classic/assets/css/theme.css 2 - Search for: top-menu .sub-menu ul[data-depth=1]>li and remove the property float:left 3 - Search for .popover and remove the property left:0 4 - Search for .popover and remove the property width 5 - Search for .popover and remove the property min-width Or you cay use the file attached. Do not forget to clear your cache after the changes are made. theme.css 182.96 kB · 262 downloads Ok. In full screen is correct. reduced screen does not work. Link to comment Share on other sites More sharing options...
leonardomarinio Posted August 7, 2021 Share Posted August 7, 2021 No funciona en versiones prestashop 1.7.7 Link to comment Share on other sites More sharing options...
leonardomarinio Posted August 7, 2021 Share Posted August 7, 2021 On 31/8/2017 at 6:55, andresams said: Esta es la solucion: 1 - Abra el archivo /themes/classic/assets/css/theme.css 2 - Busque: top-menu .sub-menu ul [data-depth = 1]> li y elimine la propiedad float: left 3 - Busque .popover y elimine la propiedad izquierda: 0 4 - Busque .popover y elimine el ancho de la propiedad 5 - Busque .popover y elimine la propiedad min-width O puede usar el archivo adjunto. No olvide borrar su caché después de realizar los cambios. theme.css 182,96 kB · 289 descargas Comunidad querida, hoy me toca aportar a mi, dejo adjunto el archivo theme.css editado para mostrar el submenu vertical en el theme classic. Version 1.7.7 theme.css 1 Link to comment Share on other sites More sharing options...
kasketm Posted August 10, 2021 Share Posted August 10, 2021 Hi, Thanks leornardo for the share ! Triying with 1.7.7.4 but no result... i change my file theme.css with yours by filezilla without success Link to comment Share on other sites More sharing options...
leonardomarinio Posted August 10, 2021 Share Posted August 10, 2021 18 minutes ago, kasketm said: Hi, Thanks leornardo for the share ! Triying with 1.7.7.4 but no result... i change my file theme.css with yours by filezilla without success Hi, try clear cache in var/cache (remove files prod and dev) Link to comment Share on other sites More sharing options...
kasketm Posted August 11, 2021 Share Posted August 11, 2021 hi!! clear cache ok i dont understand why Link to comment Share on other sites More sharing options...
leonardomarinio Posted August 11, 2021 Share Posted August 11, 2021 23 minutes ago, kasketm said: ¡¡Hola!! borrar caché ok no entiendo por qué Acabo de probarlo en otro Prestashop de tu misma version y funcionó sin problemas Link to comment Share on other sites More sharing options...
kasketm Posted August 11, 2021 Share Posted August 11, 2021 Its Working !! This morning i saw thats working ! Maybe need to wait about server update... thank you leonardo ! A lot of dev want to sell not share some line code... Link to comment Share on other sites More sharing options...
leonardomarinio Posted August 14, 2021 Share Posted August 14, 2021 You're welcome, it's good to be able to contribute. We also develop all kinds of implementations in Prestashop, stay tuned. 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