Making the dropdown menu vertical

[Abbeywood]

Right, I created my menu to be a drop-down, however it shows the elements of the menu horizontally. I want it to be one under another. I googled it and in one of the topics they said:

 

 

 

Find in the superfish-modified.css file:

 

.sf-menu li ul

 

And remove the: left: 0; from the CSS.

Also give it a width: 300px !important;

 

 

Now the dropdown appears under the menu-item.

 

And change the width of: .sf-menu > li > ul > li

to: 100%

 

 

In global.css I changed these options in the .dropdown-menu and .dropdown-menu > li > a  classes.

 

However, no result. Can you present me with some solutions? 

 

I am using Prestashop 1.6 - latest. 

Default Bootstrap Theme.

 

Thanks!

[unlimitedgrain]

Maybe you have to change the css in the theme folder.

[Abbeywood]

I did as shown in the topic above. It didn't work so can you tell me which one exactly I need to change in order to accomplish that? Thanks

[unlimitedgrain]

there is a css-file in the themes folder, I don't know for sure, but you can try to change that style sheet.

So look in themes -> dealt bootstrap->css->global.css

[Abbeywood]

Ok right, I am changing the one I have to in the global.css but what I'm saying is it's not working. 

 

See the files attached please. That is how my code and my menu look like.

 

Thanks

[unlimitedgrain]

Sorry, can't help you there. I don't' see anything back from the solution i repeat in the quote below, so maybe you have to look if you can find other lines that apply.

(you posted only part of the source)

Good luck!

 

 

Quote

 

Find in the superfish-modified.css file:

 

.sf-menu li ul

 

And remove the: left: 0; from the CSS.

Also give it a width: 300px !important;

 

 

Now the dropdown appears under the menu-item.

 

And change the width of: .sf-menu > li > ul > li

to: 100%