problem with top horizontal menu

[Augitec]

Hello friends,

I'v updated my presta from 1.5 to 1.6 - now testing everything.

Shop seem to work smoothly, BO & FO looks fine, but i have a problem with top horizontal menu.

 

It should look like this

 

But in some cases it looks like that:

 

When i add some subcategories - they go not in one line - but it goes under one another... 

 

I'v tried to remove the category, clear cache and so on, but then the same happens in other  (random) category... 

 

Is there any solution for this?

Thanks

[vekia]

any chance to see it live ? if so, please share url to your store

thanks in advance

[keitaro]

hello i had this same issue.

 

it is likely becasue you have another horizontal bar enabled please go to modules and select in filter enabled and All chek these for a different menu bar

[tjtang]

I'm looking for the opposite

 

How do I get the subcategories to appear in a vertical listing like in PS 1.5?

[SmartDataSoft]

Hello, tjtang

 

The issue is that you have much menu element on your menu. And there left and right have much padding. So there is no room or space between your menu and search box. For that the element go down.

 

You need to either remove those menu element or give little space on padding. And made it little small . Then it will adjust the position.

[Augitec]

I think my issue is the same as this:

http://forge.prestashop.com/browse/PSCSX-1202 

 

For now i'v simply solved it by adding additional  category in the end of the list. But that's definitively a bug. Will be waiting for solution from presta developers.  

[Greenpilgrim]

I have a similar problem with top menu where the dog products (menu1pic) menu is putting the rest of the categories below unlike the cat ones (Menu2pic).

 

this is a clone of an old back up of my main site i made and have upgraded from 1.4.7 to the latest version. So i am haveing a play round to see if it is worth upgrading my live site

 

url below

 

http://www.pets.justfurpets.co.uk

 

 

Cheers

 

Chris

[vekia]

its because of clear:left; in:

.sf-menu > li > ul > li.first-in-line-lg {
clear: left;
}

can you disable ccc for css files, please?

[Greenpilgrim]

If you are referring to me i have just set Smart Cache for css  and smart cache for Javascript to no.

 

I presume this is what you mean?

 

I am not sure if it is just the number of charachters of the sub categories making it go below the first one

 

Cheers

 

Chris

[vekia]

hello

have you tried code that i suggested to use?

[rickzmond]

Mine is also very wrong

 

Fresh installation

 

http://celineang.com

 

suppose to be like this 

 

 

but it turns out like this

 

 

[peanut]

Mine is also very wrong

 

Fresh installation

 

http://celineang.com

 

suppose to be like this 

 

submenu right.jpg

 

but it turns out like this

 

submenu very wrong.jpg

 

submenu wrong.jpg

same here!

[prestamax]

its because of clear:left; in:

.sf-menu > li > ul > li.first-in-line-lg {
clear: left;
}

The clear left is there for the last sub menu item but the count is wrong for some reason.

Actually the class .first-in-line-lg should be added to every fifth item of the current sub menu but the script takes all subcategories into account. And if ALL submenu items not only from the current parent category can be devided by five it adds a clear:left;

$('.sf-menu > li > ul > li:not(#category-thumbnail)').each(function(){ //add classes for clearing
        i++;
        if(i%2 == 1)
            $(this).addClass('first-in-line-xs');
        else if (i%5 == 1)
            $(this).addClass('first-in-line-lg');
            
            console.log(i + " .." + $(this).text());
    });

http://www.prestashop.com/forums/topic/315933-16-top-menu-sub-menu-spacing-issues/?p=1599105

Edited March 22, 2014 by prestamax (see edit history)

[Miguel86]

I have the same problem and i don't have subcategories :S

I tried to apply the fix and didnt' solved my problem at least.

Edited July 9, 2014 by Miguel86 (see edit history)