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 1

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 para 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 (see edit history)

Share this post


Link to post
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.
Note: Your post will require moderator approval before it will be visible.

Guest
Reply to this topic...

×   Pasted as rich text.   Restore formatting

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.


×
×
  • Create New...

Important Information

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