How to align menu items in one line on Origin Theme?

Store Design
1

Hello

I would like my menu items to be on the same line and maybe to be spread-out/centered a little more…

TBS2022_0-1689855316034.png
TBS2022_0-1689855316034.png1283×387 36.9 KB

I am using the Origin Theme.

Thanks

2

@TBS2022

Please share your store URL!

Thanks!

3

Hi, @TBS2022 .

Please share your store URL and Password!

Thanks.

4

www.conforama.mu

“lawfow”

5

@TBS2022
Hello, Can You Please Share Your Store URL i Will Check and Provide Proper Solution

6

@TBS2022
Hello,

.header--top-center .mega-menu__list > li {
	width: 25% !important;
}

Add This CSS Go To Online Store > Select Theme > Edit Code > base.css

Like This

oscprofessional_0-1689857310063.png
oscprofessional_0-1689857310063.png1424×597 264 KB

1 Like
7

HI, @TBS2022 .

You can try this code: it will be helpful to you
Go to the Online Store->Theme->Edit code->Assets->base.css>Add this code at the bottom.

.header--top-center .mega-menu__list > li {
	width: 25% !important;
}

Result:

websensepro_0-1689857600928.png
websensepro_0-1689857600928.png1345×619 215 KB

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

1 Like
8

Hi @TBS2022

This is Richard from PageFly - Shopify Page Builder App, I’d like to suggest this idea:

Online Store ->Theme ->Edit code

Assets ->Base.css

.header--top-center.mega-menu__list > li {
	width: 27% !important;
}

Hope you find my answer helpful!

Best regards,

Richard | PageFly

1 Like