Centering the menu for the Prestige template

Store Design
1

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

2

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

3

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

1 Like
4

@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!

5

Hello,

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

Thank you

6

@priborskyjan

my computer screen logo is display plese check screenshot

2021-11-24_16-17_PRIJANE.jpg
2021-11-24_16-17_PRIJANE.jpg1344×774 101 KB

7

Unfortunately, the logo is not displayed on my computer.

8

Unfortunately, the logo is not displayed on my computer.

9

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

10

@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;
}
}

diego_ezfy_0-1637757554250.png
diego_ezfy_0-1637757554250.png1919×246 33.9 KB

Kind regards,
Diego

1 Like
11

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.

Snímek obrazovky 2021-11-24 v 13.42.28.png
Snímek obrazovky 2021-11-24 v 13.42.28.png1651×1536 240 KB

12

@priborskyjan

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

13

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

14

@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

2 Likes
15

This worked beautifully for me thank you!