Jump to content

Recommended Posts

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!

post-1036875-0-80245300-1489807814_thumb.jpg

post-1036875-0-77643300-1489807815_thumb.jpg

  • Like 1

Share this post


Link to post
Share on other sites

Hello, I'm also interested in this solution. Did you fix it? Thank you. Cleon

Share this post


Link to post
Share on other sites

Any Success on this Problem? I dont want to spent 50 Euros for an Addon, just to get the Vertical Menu for my Categories :(

Share this post


Link to post
Share on other sites

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

Share this post


Link to post
Share on other sites

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 by andresams (see edit history)
  • Like 2

Share this post


Link to post
Share on other sites
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!

Share this post


Link to post
Share on other sites
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!

Share this post


Link to post
Share on other sites

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 by Adrianna-27
No hay nadie con conocimientos¿? (see edit history)

Share this post


Link to post
Share on other sites

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 account

Sign in

Already have an account? Sign in here.

Sign In Now

×
×
  • Create New...

Important Information

Cookies ensure the smooth running of our services. Using these, you accept the use of cookies. Learn More