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

Store Design
, , ,
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.

1 Like
2

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
ZestardTech_0-1698066611981.png1903Ă—227 170 KB

1 Like
3

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.