How can I center the navigation menu in Crave theme?

Store Design
1

Hello!
Is anyone able to help me centre the navigation menu in Crave theme.
It’s currently sitting to the left

Any help would be greatly appreciated!
Thanks in advance!

2

Hi @sr230491 ,

Please share your store URL and if your store is password protected then please provide password too.

So that we can help you.

Thank you.

3

Hi @sr230491 ,

You can follow the instruction below:

  1. Go to Online Store->Theme->Edit code
  2. Asset->/base.css->paste below code at the bottom of the file:
.header__menu-item, .color-inverse, .color-accent-1 {
    color: #fff;
}
@media screen and (min-width: 990px) {
.header--middle-left {
    grid-template-areas: "heading navigation navigation icons" !important;
}
.header--middle-left .header__inline-menu {
    text-align: center;
}
}

If you feel like my answer is helpful, please mark it as a SOLUTION. Let me know if you have any further questions.

4

Hey, thank you very much but this didn’t work. It is still sitting to the left

5

Hi @sr230491 ,

Try the following paster code on top of the first base.css file:

.header__menu-item, .color-inverse, .color-accent-1 {
    color: #fff !Important;
}
@media (min-width: 990px) {
.header--middle-left {
    grid-template-areas: "heading navigation navigation icons" !important;
}
.header--middle-left .header__inline-menu {
    text-align: center !important;
}
}

Hope it can help you

6

Perfect thank you so much!

7

Can you please help me. I did that and it centered my menu, but 2 of my menu items are now disappearing.

8

Also using the grave theme, and it appears that the entire site is shifted to the left

I’ve been poking around in the code, but I can’t seem to find any one common source for the issue. I’m guessing from this response that it may be necessary to override the grid-template-areas and text alignment throughout the theme???

Also, just out of curiosity, what’s with the color override there?