Top Block Menu not working

[marronne]

Have some problems with the Top Block menu in 1.6.  The menu items don't drop down vertically but go horizontally and the font seems huge.

 

Would like PS1.5 style of block top menu and have pasted changes in superfish-modified.css as found in another post but it hasn't worked.

 

Anyone have any ideas ?

 

Thanks

 

http://staging.selleriestpierre.com

[PascalVG]

Size of the items:

edit file: themes/default-bootstrap/css/modules/blocktopmenu/css/superfish-modified.css (make backup)

line 141: (change red/purple code)

 

.sf-menu > li > ul > li > a {

    text-transform: uppercase;

    font: 600 10px/20px "Open Sans", sans-serif; // red = fontsize, purple = line height

    color: #333333;

}

 

this will modify the subitems in the menus. to change the topmenu main items: (change red/purple code)

 

same file, line 60:

.sf-menu > li > a {

    font: 600 10px/22px "Open Sans", sans-serif;

    text-transform: uppercase;

    color: #484848;

    display: block;

    padding: 17px 20px;

    border-bottom: 3px solid #e9e9e9;

}

 

 

To make the menu vertical, you could do this:

 

same file, line 148:

.sf-menu > li > ul > li {

    float: left;

    width: 100%;  // change to 100%

    padding-right: 15px;

}

 

and same file, lne 138:

.sf-menu > li > ul{

    padding: 26px 30px 31px;

    width: 25%;  // adjust the width of the box to make the menu items all fit on a single line

}

 

 

 

Would be nice if the submenu changes its width according to the content's width (i.e dependent on the width of the submenu items). Can't think of a solution for that yet...

 

Hope this helps,

pascal.

[marronne]

Thanks Pascal - just had a moment to work on my site again.

 

Sadly - this hasn't done worked

 

Any ideas ?

[marronne]

Have searched the forums and tried several solutions.  PascalVG has also suggested a solution but nothing seems to work.

 

I would like my menus to drop down and with an image as in the post below.  I have tried pasting the new superfish file posted by Vekia but it doesn't seem to work either.

 

I have also re-hooked my quick search block in displaynav as it was suggested this was a problem - still doesn't work.

 

http://www.prestashop.com/forums/topic/323077-top-horizontal-menu-does-not-drop-down/

 

Anyone have any ideas?  I'm using PS 1.6.09. 

 

http://staging.selleriestpierre.com

 

Thanks

[vekia]

 

 

there is some js errors

perhaps this is the main problem in your shop

dropdown is based on js so error mentioned above can affect js engine on your website

 

please turn off ccc for js files first. will see what's going on there.

[marronne]

Hello Vekia

 

Thanks for replying.  CCC for JS turned off .....

[marronne]

 

 

there is some js errors

perhaps this is the main problem in your shop

dropdown is based on js so error mentioned above can affect js engine on your website

 

please turn off ccc for js files first. will see what's going on there.

 

 

CCC for JS turned off

[marronne]

Can anyone help with resolving my problem ?  Thanks

[vekia]

hello

please go to modules > positions

 

search for modules list named displayHeader

and from this list remove block search module.

 

you don't use search block, so unhook module also from displayHeader, not only from displayTop (as it is right now)

[marronne]

hello

please go to modules > positions

 

search for modules list named displayHeader

and from this list remove block search module.

 

you don't use search block, so unhook module also from displayHeader, not only from displayTop (as it is right now)

Hi Vekia

 

Thanks for replying.  Done that but it still doesn't look right   You said in an earlier post that there might be a problem with the JS ?

[vekia]

Hi Vekia

 

Thanks for replying.  Done that but it still doesn't look right   You said in an earlier post that there might be a problem with the JS ?

 

 

are you sure,

i checked it, and works

 

[marronne]

are you sure,

i checked it, and works

 

 

 

I would like to have vertical drop down menus ....

 

But even now when I look at in IE, Chrome and Firefox the menu doesn't fit the width.  I'm trying to do a thumbnail to show you what I see ....... is there an easy, quick way to do a thumbnail?

[PascalVG]

Marrone, re-try my suggestions in post #2,

 

and add one more change to the same file (line 138) , to make the submenu hang directly below the top menu item you open:

 

 

.sf-menu > li > ul {

  padding: 26px 30px 31px;

  width: 25%;

  left: inherit;  // <-- add this line

}

 

Result:

 

 

as you see, smaller fonts for the menus/submenus and items below each other.

 

Hope this is what you wanted

pascal.

 

[marronne]

Hi Pascal.  Tried this but it didn't work.  I thought I'd posted a reply already but it seems my "homemade" thumbnails caused a problem.  How can I make a thumbnail so you can see what I see ?

[marronne]

Hi Pascal.  Tried this but it didn't work.  I thought I'd posted a reply already but it seems my "homemade" thumbnails caused a problem.  How can I make a thumbnail so you can see what I see ?

 

Can anyone help?