How to center Main Menu

[mflorezm]

Hi Guys:

My site has two languages: English and Spanish.

The Spanish menu fills the entire space betwen logo and search control.

But as the words in english language are shorter, the menu does not fill the sapce and it is align to the left.

What i want is to center the the menu items like the following image (modified in paint)

I have been trying to center the menu with custom CSS without no sucess.

Any Help will be apreciated.

Thanks,

MFM

 

 

 

[Guest]

All of us forget to include the PrestaShop version in the post or topic title.
Differences between versions are big !!!
It is also forgotten to add if it is the default template and default module !!!

Then it is difficult to advise and in the end a lot of answers are needed, which unnecessarily take the time of the counselors.

[mflorezm]

Sorry, you are right. PS 1.7.6.4.

Any ideas with css?

Right now i will begin to try adding a new hook to split the menu from the search box.

Regards,

MFM

[Guest]

No hook needed.
A moment please.

[mflorezm]

Evrything is default, classic template just with some mirror changes on customs.css

Thanks,

MFM

[Guest]

#header .header-top .menu {
    margin-bottom: .375rem;
    text-align: center;
    padding-left: 0px !important;
    width: 65%;
}

 

[Guest]

responsive for tablet and PC:

/* tablet */
@media (min-width: 768px) and (max-width: 1024px){
    #header .header-top .menu {
        margin-bottom: .375rem;
        text-align: center;
        padding-left: 0px !important;
        width: 50%;
    }
}

/* desktop */
@media (min-width: 1024px) { 
    #header .header-top .menu {
        margin-bottom: .375rem;
        text-align: center;
        padding-left: 0px !important;
        width: 65%;
    }
}

 

[Guest]

space between links

.top-menu a {
    font-weight: 600;
    /* padding: top right bottom */
    padding: 0.1875rem 0.625rem 0.375rem;
}

 

[mflorezm]

Great Job. Thank you very much for your help.

[Guest]

I will be glad to rate my posts by clicking on the gray heart below my posts.
I gladly helped.

[mflorezm]

Like this? 

Thanks again.

[Guest]

Thank you.