How can I align my header menu into one line?

Store Design
1

Can anyone assist me with aligning the header menu into one line?

Thanks!

2

hello @gq999

Please provide website url and if your store is password protected then also provide password So I will check and provide a solution here.

3

Hii, @gq999
Kindly share your store URL so,
I can solve it perfectly.
Thank You.

4

Hi,

Thanks a lot!

https://colormaizepaintbynumbers.com/

5

Hii, @gq999
paste this code on top of the theme.scss file.

ul#SiteNav {
    width: 850px !important;
    margin-left: -74px !important;
}

Thank You.

1 Like
6

Welcome to shopify community.

Please add below code in bottom of assets/theme.css file.

@media only screen and (min-width: 750px)

.medium-up–one-half {
width: 70%;

}

@media only screen and (min-width: 750px)

.medium-up–one-quarter {
width: 15%;

}

7

Thank you so much!

1 Like
8

@gq999
Welcome!

9

Hi there,

I altered my header menu a little bit and now it’s showing up in two lines instead of one. Could you take a look at this for me?

Thanks!