Split Menu in 2 rows

[nadster99]

How can i split my header menu in two rows?

I'm trying to split my menu one half on the top row and the other half on the center row. I would like it to be centered. I want 4 menu items on top and the other 4 on the bottom.

[Moeed · Accepted solution]

Hey @nadster99 

Follow these Steps:

1) Go to Online Store
2) Edit Code
3) Find theme.liquid file

4) Add the following code in the bottom of the file above </body> tag

<style>
nav#AccessibleNav {
    max-width: 50%;
    margin-left: 500px;
}
</style>

RESULT:

If I managed to help you then, don't forget to Like it and Mark it as Solution!

Best Regards,
Moeed

[Dan-From-Ryviu]

Hi @nadster99 

Please share your store URL

[nadster99]

The link is https://01dccc-2.myshopify.com/ I´m using the booster theme but also thinking about using refresh or some default shopify theme

[Hardik29418]

Hello @nadster99 

Welcome to the Shopify Community.
I read your problem and it seems that I need to analyze your website to provide the solution here.
Would you please share your website URL and if your website is password protected then also provide the password.

[nadster99]

The link is https://01dccc-2.myshopify.com/ I´m using the booster theme but also thinking about using refresh for more simplicity.It doesnt have a password as of now

[nadster99]

The link is https://01dccc-2.myshopify.com/ I´m using the booster theme but also thinking about using refresh.

[Moeed]

Hey @nadster99 

Could you please provide your Store URL and, if applicable, the Password too? Your cooperation is greatly appreciated!

Best Regards,
Moeed

[nadster99]

The link is https://01dccc-2.myshopify.com/ I´m using the booster theme but also thinking about using refresh for more simplicity

[Moeed · Accepted solution]

Hey @nadster99 

Follow these Steps:

1) Go to Online Store
2) Edit Code
3) Find theme.liquid file

4) Add the following code in the bottom of the file above </body> tag

<style>
nav#AccessibleNav {
    max-width: 50%;
    margin-left: 500px;
}
</style>

RESULT:

If I managed to help you then, don't forget to Like it and Mark it as Solution!

Best Regards,
Moeed

[nadster99]

Is there a way I can have every item in the bottom algined to the one on top?

[Hardik29418]

@nadster99  Please provide Preview URL. The URL which you provided is the Live theme URL which I think you do not want to customize.

[nadster99]

https://01dccc-2.myshopify.com/?_ab=0&_fd=0&_sc=1

[Moeed · Accepted solution]

Hey @nadster99 

Follow these Steps:

1) Go to Online Store
2) Edit Code
3) Find theme.liquid file

4) Add the following code in the bottom of the file above </body> tag

<style>
nav.header__inline-menu {
    max-width: 70% !important;
}
</style>

RESULT:

If I managed to help you then, don't forget to Like it and Mark it as Solution!

Best Regards,
Moeed