I would like to know if it is a known bug or I am doing something wrong.
The problem is when selecting one of the categories in the top menu the other categories change their position. Here it is a pic of the menu:
[attachment=6111:menu1.jpg]
When i select the top right category, “ALIMENTACIÓN” the menu changes and look like this:
[attachment=6112:menu2.jpg]
The i can navigate through the products into that category and the menu keeps wrong. If i select another category, then the menu lokks good again.
Just that, am i doing something wrong?
Thanks in advance.
Hi
Try to change the hover padding in you css to something smaller till its not so big to send all others to a seond line.
Fotis
I had a similar problem with my menus. The way I fixed it was with:
ul.dropdown-multicolumns li {
height: 23px;
padding-top:7px;
margin-bottom:1px;
margin-right:0;
}
ul.dropdown-multicolumns li a {
display:inline;
}
ul.dropdown-multicolumns li.nodrop:hover {
height:23px;
}
ul.dropdown-multicolumns > li.nodrop:hover {
padding: 7px 10px 0px 10px;
}
.dropdown-multicolumns .col-1, .dropdown-multicolumns .col-2, .dropdown-multicolumns .col-3, .dropdown-multicolumns .col-4, .dropdown-multicolumns .col-5, .dropdown-multicolumns .col-6 {
margin-bottom:10px;
}
I put that in my my_changes styles, but you might be able to just put it at the bottom of your style sheet or at the bottom of your dropdown.css style sheet.
I hope that helps,
Brandon
Thank you very much for your help guys,
[quote]
Hi
Try to change the hover padding in you css to something smaller till its not so big to send all others to a seond line.
Fotis [/quote]
[color=“#696969”]dvs[/color][color=“#696969”]gr[/color]: This worked perfectly!!
[quote]I had a similar problem with my menus. The way I fixed it was with:
[color=#000000]ul[/color][color=#666600].[/color][color=#000000]dropdown[/color][color=#666600]-[/color][color=#000000]multicolumns li [/color][color=#666600]{[/color]
[color=#000000] height[/color][color=#666600]:[/color][color=#000000] [/color][color=#006666]23px[/color][color=#666600];[/color]
[color=#000000] padding[/color][color=#666600]-[/color][color=#000000]top[/color][color=#666600]:[/color][color=#006666]7px[/color][color=#666600];[/color]
[color=#000000] margin[/color][color=#666600]-[/color][color=#000000]bottom[/color][color=#666600]:[/color][color=#006666]1px[/color][color=#666600];[/color]
[color=#000000] margin[/color][color=#666600]-[/color][color=#000000]right[/color][color=#666600]:[/color][color=#006666]0[/color][color=#666600];[/color]
[color=#666600]}[/color]
[color=#000000]ul[/color][color=#666600].[/color][color=#000000]dropdown[/color][color=#666600]-[/color][color=#000000]multicolumns li a [/color][color=#666600]{[/color]
[color=#000000] display[/color][color=#666600]:[/color][color=#000088]inline[/color][color=#666600];[/color]
[color=#666600]}[/color]
[color=#000000]ul[/color][color=#666600].[/color][color=#000000]dropdown[/color][color=#666600]-[/color][color=#000000]multicolumns li[/color][color=#666600].[/color][color=#000000]nodrop[/color][color=#666600]:[/color][color=#000000]hover [/color][color=#666600]{[/color]
[color=#000000] height[/color][color=#666600]:[/color][color=#006666]23px[/color][color=#666600];[/color]
[color=#666600]}[/color]
[color=#000000]ul[/color][color=#666600].[/color][color=#000000]dropdown[/color][color=#666600]-[/color][color=#000000]multicolumns [/color][color=#666600]>[/color][color=#000000] li[/color][color=#666600].[/color][color=#000000]nodrop[/color][color=#666600]:[/color][color=#000000]hover [/color][color=#666600]{[/color]
[color=#000000] padding[/color][color=#666600]:[/color][color=#000000] [/color][color=#006666]7px[/color][color=#000000] [/color][color=#006666]10px[/color][color=#000000] [/color][color=#006666]0px[/color][color=#000000] [/color][color=#006666]10px[/color][color=#666600];[/color]
[color=#666600]}[/color]
[color=#666600].[/color][color=#000000]dropdown[/color][color=#666600]-[/color][color=#000000]multicolumns [/color][color=#666600].[/color][color=#000000]col[/color][color=#666600]-[/color][color=#006666]1[/color][color=#666600],[/color][color=#000000] [/color][color=#666600].[/color][color=#000000]dropdown[/color][color=#666600]-[/color][color=#000000]multicolumns [/color][color=#666600].[/color][color=#000000]col[/color][color=#666600]-[/color][color=#006666]2[/color][color=#666600],[/color][color=#000000] [/color][color=#666600].[/color][color=#000000]dropdown[/color][color=#666600]-[/color][color=#000000]multicolumns [/color][color=#666600].[/color][color=#000000]col[/color][color=#666600]-[/color][color=#006666]3[/color][color=#666600],[/color][color=#000000] [/color][color=#666600].[/color][color=#000000]dropdown[/color][color=#666600]-[/color][color=#000000]multicolumns [/color][color=#666600].[/color][color=#000000]col[/color][color=#666600]-[/color][color=#006666]4[/color][color=#666600],[/color][color=#000000] [/color][color=#666600].[/color][color=#000000]dropdown[/color][color=#666600]-[/color][color=#000000]multicolumns [/color][color=#666600].[/color][color=#000000]col[/color][color=#666600]-[/color][color=#006666]5[/color][color=#666600],[/color][color=#000000] [/color][color=#666600].[/color][color=#000000]dropdown[/color][color=#666600]-[/color][color=#000000]multicolumns [/color][color=#666600].[/color][color=#000000]col[/color][color=#666600]-[/color][color=#006666]6[/color][color=#000000] [/color][color=#666600]{[/color]
[color=#000000] margin[/color][color=#666600]-[/color][color=#000000]bottom[/color][color=#666600]:[/color][color=#006666]10px[/color][color=#666600];[/color]
[color=#666600]}[/color]
I put that in my my_changes styles, but you might be able to just put it at the bottom of your style sheet or at the bottom of your dropdown.css style sheet.
I hope that helps,
Brandon [/quote]
[color=“#696969”]brandonvd[/color]: I also tested this solution but it did´t work for me, i supose my problem was different from your. Anyway, Thank you for the help.