How can I align my Motion theme header menu into one line?

phaneron
Visitor
2 0 1

Greetings dear Shopify Community,

 

My current header menu has 2 lines. How do I align the menu into one line instead? I use the Motion theme.

 

My store is: 46034a-2.myshopify.com 

 

Thanks in advance for your kind help.

 

 

Replies 2 (2)

ZestardTech
Shopify Expert
5602 1019 1346

Hello There,

 

1. In your Shopify Admin go to online store > themes > actions > edit code
2. Find Asset > theme.css and paste this at the bottom of the file:

 

.site-header .page-width {
max-width: initial;
}

 

ZestardTech_0-1698066611981.png

 

Want to modify or develop new app, Hire us.
If helpful then please Like and Accept Solution .
Email: support@zestard.com
Shopify Apps URL :- https://apps.shopify.com/partners/zestard-technologies
Custom Modifications Into Shopify Theme | Shopify Private App | SEO & Digital Marketing
phaneron
Visitor
2 0 1

Thanks for the quick reply. The asset theme.css doesn't exist. I have "theme.css.liquid", "theme liquid", and "theme.js". I've tried pasting the code you provided into Asset > theme.css.liquid, but the menu is still showing 2 lines.