Move navigation button to the left for phone (HEADER)

[Dr_noknowledge]

As you can see i managed it to get the

logo in the center of the header inside the theme.scss.liquid with

the following code: 

@media only screen and (max-width: 749px) { header.site-header.logo--center .medium-up--one-third { left: 33.33333%; } }

Now I want the Navigation button to be on the left.

I´m not a programmer can someone send the code for the navigation part?

The Problem

[OTM]

Hi, @Dr_noknowledge ,

This is Evita from On The Map.

Can you add your store URL?

Best,
Evita

[OTM]

Add this code:

@media only screen and (max-width: 749px)  {
   .site-header__icons {
      position: absolute;
   }
}

[Dr_noknowledge]

Its working but it moves now both to the left side, the navigation and the cart button. 

[OTM · Accepted solution]

ok, sorry, add this code then:

@media only screen and (max-width: 749px)  {
   .site-header__icons {
      position: absolute;
      width: 100%;
   }
   .site-header__icons-wrapper {
      justify-content: flex-start;
   }
   .site-header__cart {
      position: absolute;
      right: 0;
   }
}

[Dr_noknowledge]

Thats working, perfect thank you a lot. Like really a lot, I tried to find a Solution for 3 straight hours.

[alexajo]

Where exactly do you put that code at? I have no idea how to program lol

[afrench]

Hi Alex, you should be able to put the code that OTM provided to the following if you have the Debut Theme:

1. Online Store

2. Action>Edit Code

3. Assets

4. theme.scss.liquid

5. Paste the code at the very bottom 

Hope that helps!

It works 

[dibajane]

Hi, 

If you could help it would be greatly appreciated. I tried this code however it moved a few cms to the left. I believe due to having a logo on left.

Can you help?