top horizontal menu display items at center

[sickshot]

hi

 

i want to align top menu items at the center of the page. I have searched forum but prestashop 1.5 solution doesn't work in prestashop 1.6..

 

can anyone help? 

 

im running prestashop 1.6.0.9

[PascalVG]

Hmm, maybe this helps:

 

in file themes/<your theme folder>/css/modules/blocktopmenu/css/superfish-modified.css: (make backup!)

 

you may find something like this:

 

.sf-contener {
    width: 100%;
    clear: both;
    float: left;
}

 

 

change it into:

 

.sf-contener {
    width: 100%;
    margin-top: 88px;
 //   clear: both;
 //   float: left;
}

 

(You might have to change the 88px. When too large, it won't float to center. It's a little picky...)

 

give it a try. (Check in the different browsers)

 

pascal.

[sickshot]

hello Pascal,

 

seems like it would work if I haven't modified it before this. now your css messing it up and im unable to make it look right...

its the link to my site http://avenue.ge/tjf2/en/

 

its deafault theme but modified by me... maybe you can give me any hint...

[PascalVG]

Maybe try this:

 

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

add:

 

@media (min-width: 992px) and (max-width: 1199px){

 .sf-contener { margin-left: 7%;}

}

 

@media (min-width: 1200px) {

 .sf-contener { margin-left: 14%;}

}

 

That should do it, I think.

 

 

BTW, I see that when making your screen smaller than 992 pixels wide, the menu will be displayed in two rows. This will cause that the line, normally drawn above the menu, now is drawn over the first row of menu items.

 

To fix this, try this:

 

in themes/default-bootstrap/css/global.css: (make backup!!)

 

add at the bottom:

@media (min-width: 768px) and (max-width: 991px) {

  #line { bottom: 29%;}

}