How to show sub catagoreis menu vertically under Top Horizontal menu ?

[Nirmal28]

How to show  sub catagoreis menu vertically under Top Horizontal menu ? currently it is showing horizontal to the TOP Horizontal Menu.

[vekia]

you jsut simply want the list of the categories? what about subcategories of these subcategories then? how to show them?

[Nirmal28]

Thanks VEKIA for your reply,

 

curently under Categories Menu , Sub -Categories coming horizontally .

 

Like when some one clik CAT 1, current disply is

 

CAT 1       CAT2       CAT 3    CAT 4

Sub1 Sub 2 Sub3 Sub4

 

Want to looks like ,when people click CAT1

 

 

CAT 1       CAT2       CAT 3    CAT 4

 

Sub 1

Sub 2

Sub 3

Sub 4

 

I am using default theme of PS 1.6.

 

Kindly help me which line of the code need to be chaged in the superfish (themes/YOUR_THEME/css/modules/blocktopmenu/css/superfish-modified.css).

 

Thansk in advance !!

[gabdara]

If you're using the default theme add the following styles in themes/default-bootstrap/css/modules/blocktopmenu/css/blocktopmenu.css :

#block_top_menu .sf-menu > li > ul {
  width: auto;
  left: initial;
}

#block_top_menu .sf-menu > li > ul > li {
  float: none;
  width: auto;
}

[nikolaosp]

 

If you're using the default theme add the following styles in themes/default-bootstrap/css/modules/blocktopmenu/css/blocktopmenu.css :

#block_top_menu .sf-menu > li > ul {
  width: auto;
  left: initial;
}

#block_top_menu .sf-menu > li > ul > li {
  float: none;
  width: auto;
}

Hi Vekia,

 

As i have a lot of subcategories and it is quite overwhelming to the customer is it possible to show ony the first subcategory and how do i do it?

 

Thank you very much

[Ueb]

Thank you @gabdara, your solution works, but with lot of subcategories it should be splitted in columns... is it possible?

Edited September 23, 2016 by csaffi (see edit history)

[marpre]

Hello, great post, was helpful but works only to 1 subcategory level the sub-subcategory(2nd )subcat. level categories are always displayed.

But want them to be closed and just opening on mouseover.

 

Anybody any ideas ?

 

Thanks !

[alexandr0s]

On 7/9/2015 at 5:25 PM, gabdara said:

If you're using the default theme add the following styles in themes/default-bootstrap/css/modules/blocktopmenu/css/blocktopmenu.css :

#block_top_menu .sf-menu > li > ul {
  width: auto;
  left: initial;
}

#block_top_menu .sf-menu > li > ul > li {
  float: none;
  width: auto;
}

Hello, in  themes/default-bootstrap there is only an empty file named .hidden, do I have to create the rest of the files?