Jump to content

  • You cannot start a new topic
  • You cannot reply to this topic

Megamenu bug? Rate Topic   - - - - -

 
  • pua___
  • Member
  • Members
  • Join Date: 24-Apr 12
  • 38 posts

Posted 16 November 2012 - 12:32 PM #1

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:

menu1.jpg

When i select the top right category, "ALIMENTACIÓN" the menu changes and look like this:

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.

 
  • dvsgr
  • Senior Member
  • Authorized Reseller
  • Join Date: 14-Apr 09
  • 1451 posts

Posted 17 November 2012 - 01:47 PM #2

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
Fotis Kourmadas
Cs-Cart Development - Cs-Cart Authorized Reseller 

 
  • brandonvd
  • is Super Awesome
  • Members
  • Join Date: 19-Dec 06
  • 2633 posts

Posted 18 November 2012 - 06:42 PM #3

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

 
  • pua___
  • Member
  • Members
  • Join Date: 24-Apr 12
  • 38 posts

Posted 21 January 2013 - 12:31 PM #4

Thank you very much for your help guys,

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


dvsgr: This worked perfectly!!

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


brandonvd: 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.