How to center the header menu

[sosober]

How can I center the header menu in order to be perfectly at the center of the page while not considering spacing from logo and icons.

I’d like home-chi siamo-shop… at the center

the url is 

0byf0v-34.myshopify.com

mohwhi

[vm-web]

@sosober 

Please add the following CSS code to your assets/base.css at the bottom of the file.

@media screen and (min-width: 990px) {
    .header--middle-left {
        grid-template-areas: "heading navigation icons";
        grid-template-columns: 1fr auto 1fr !important;
        column-gap: 2rem;
    }
}

Thanks!

[sosober]

Thank you but unfortunately it doesn’t work

[Facozy001]

I understand the issue you are facing, but that's not really a big deal, it can simply be fixed

[sosober]

Can you tell me how? 

[Made4uo-Ribe]

Hi @sosober 

Check this one. 

• From your Shopify admin dashboard, click on "Online Store" and then "Themes"
• Find the theme that you want to edit and click on "Actions" and then "Edit code".
• In the "theme. Liquid" file. Find the </body> tag and paste the code below before the tag. 

<style>
@media screen and (min-width: 990px) {
    .header-wrapper .header--middle-left {
        grid-template-areas: 'heading navigation icons';
        grid-template-columns: 1fr auto 1fr !important;
        column-gap: 2rem;
    }
}
@media screen and (min-width: 768px) {
    header.header nav.header__inline-menu {
        margin-left: 0rem !important;
    }
}
</style>

• And Save. 
• Result:
• 

Please don't forget to Like and Mark Solution to the post that helped you. Thanks!