Navigation buttons centered, but keep logo to the left

Store Design
1

I would like the navigation buttons to be in the center, whilst keeping the logo on the left

InkedScreenshot (33).jpg
InkedScreenshot (33).jpg1913×901 151 KB

2

Hello @GeorgeRizos

Could you please share your store url ( with pass if your store password is enabled ) then I can see and suggest something for you?

Kind & Best regards,
GemPages Support Team.

3

hi @GemPages , thanks for replying!

My url is:https://thesnoozy.com/

password is: 123

4

Hi @GeorgeRizos ,

Thank you for reaching out to the Shopify forums!

Let me quickly fix that issue for you.

Please add the below CSS in your base.css file.

@media screen and (min-width: 990px) {
.header--middle-left {
    grid-template-areas: "heading navigation icons";
    grid-template-columns: 2fr 4fr 2fr;
    column-gap: 2rem;
}
.header__inline-menu {
    display: block;
    text-align: center;
}
}

If its working then, please do not forget to accept this solution :slightly_smiling_face:

Thanks & Regards,
Prezen Tech

5

Thanks @Prezentech , that did the job. Could you also help me with a couple of other things? Should I ask them here or should I make a new post?

6

Hi @GeorgeRizos

You are welcome!

Please create new post and share the link with me!

1 Like
7

https://community.shopify.com/post/1820639

1 Like