Centering the menu for the Prestige template

Solved
priborskyjan
Tourist
9 0 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

Accepted Solution (1)

Accepted Solutions
diego_ezfy
Shopify Partner
2300 413 542

This is an 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

◦ Slideshow images cutting off? Try the Slideshow (PRO) section. No apps required. | Replace apps with copy/paste code snippets & save money. Examples here.

View solution in original post

Replies 13 (13)
diego_ezfy
Shopify Partner
2300 413 542

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

◦ Slideshow images cutting off? Try the Slideshow (PRO) section. No apps required. | Replace apps with copy/paste code snippets & save money. Examples here.
priborskyjan
Tourist
9 0 1

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
Shopify Partner
9824 2236 3073

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

If helpful then please Like and Accept Solution | Email: dmw.webartisan@gmail.com | Instagram: @dmw.webartisan
Check here PageFly App to customize your pages | Bag is a cart drawer that maximizes your sales. View app →
priborskyjan
Tourist
9 0 1

Hello,

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

Thank you

dmwwebartisan
Shopify Partner
9824 2236 3073

@priborskyjan 

my computer screen  logo is display plese check screenshot 

2021-11-24_16-17_PRIJANE.jpg

If helpful then please Like and Accept Solution | Email: dmw.webartisan@gmail.com | Instagram: @dmw.webartisan
Check here PageFly App to customize your pages | Bag is a cart drawer that maximizes your sales. View app →
priborskyjan
Tourist
9 0 1

Unfortunately, the logo is not displayed on my computer.

priborskyjan
Tourist
9 0 1

Unfortunately, the logo is not displayed on my computer.

priborskyjan
Tourist
9 0 1

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

diego_ezfy
Shopify Partner
2300 413 542

@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

 



Kind regards,
Diego

◦ Slideshow images cutting off? Try the Slideshow (PRO) section. No apps required. | Replace apps with copy/paste code snippets & save money. Examples here.