Centering the menu for the Prestige template

[priborskyjan]

Hello,

I would like to ask if it is possible to center the main menu on the Prestige template when the main menu is set to the "logo left" variant?

Thank you

Jan

[diego_ezfy]

Hello @priborskyjan,

Please share:
- your store URL;
- page URL with the issue you mention;
- storefront password (if your store has one).

If the store is not online yet, please follow this quick tutorial to learn how to safely and temporarily share an offline/unpublished theme URL.

Kind regards,
Diego

[priborskyjan]

Hello Diego,

this is the website www.prijane.cz. The point is that when you select the "logo on the left" variant, the menu is not centered.

Thank you

Jan

[dmwwebartisan]

@priborskyjan 

Please add following css your assets/theme.css bottom of the file .

@media screen and (min-width: 1140px){
.Header__MainNav {
    margin-right: 45px;
    min-width: 1180px !important;
    text-align: center !important;
}
}

Thanks!

[priborskyjan]

Hello,

Thanks for the code. The menu has been centered, but the logo has disappeared and is now not displayed.

Thank you

[dmwwebartisan]

@priborskyjan 

my computer screen  logo is display plese check screenshot 

[priborskyjan]

Unfortunately, the logo is not displayed on my computer.

[priborskyjan]

Unfortunately, the logo is not displayed on my computer.

[priborskyjan]

I tried to attach a screen but unfortunately I can't attach an attachment.

[diego_ezfy]

@priborskyjan, do this to fix it in 20 seconds:

1. In your Shopify Admin go to: online store > themes > actions > edit code
2. Find Asset >  theme.css and paste this at the bottom of the file:

@media (min-width: 1140px){
    .Header__Wrapper > *:nth-child(1){
    justify-content: center !important;
}
}

Kind regards,
Diego

[priborskyjan]

Thank you, now the logo is displayed without any problems, but if you reduce your browser window to the size of a tablet or mobile phone, as soon as the menu changes to three lines, the menu is very much jumped towards the center. After opening the website on the mobile, this pop-up menu display is still.

[diego_ezfy]

@priborskyjan 

I have edited my previous comment and updated the code to take effect only on desktop.

[priborskyjan]

Great. Now everything is working properly. Thank you very much for your help.

[diego_ezfy · Accepted solution]

@priborskyjan,

You're welcome.

Kindly make sure to click on the button "Accept as Solution" below whichever answer solved your problem.

This way people with similar issues can also benefit from this in the future.

Kind regards,
Diego

[Jadeye]

This worked beautifully for me thank you!