Move navigation button to the left for phone (HEADER)

Solved
Highlighted
Excursionist
21 1 2

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 ProblemThe Problem

0 Likes
Highlighted
Shopify Expert
667 170 233

Hi, @Dr_noknowledge ,

This is Evita from On The Map.

 

Can you add your store URL?

 

Best,
Evita

On The Map Marketing | Developing custom Shopify Sites & Apps is our thing

- Install our latest app Accessibly - Makes your store accessible for everyone, helps to avoid fines
- Inc 5000 | Shopify Parners | 20+ stores launched | 300+ active clients
- Need help with your Shopify store? Reach out to us!
0 Likes
Highlighted
Shopify Expert
667 170 233

Add this code:

@media only screen and (max-width: 749px)  {
   .site-header__icons {
      position: absolute;
   }
}
On The Map Marketing | Developing custom Shopify Sites & Apps is our thing

- Install our latest app Accessibly - Makes your store accessible for everyone, helps to avoid fines
- Inc 5000 | Shopify Parners | 20+ stores launched | 300+ active clients
- Need help with your Shopify store? Reach out to us!
0 Likes
Highlighted
Excursionist
21 1 2

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

0 Likes
Highlighted
Shopify Expert
667 170 233

This is an 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;
   }
}
On The Map Marketing | Developing custom Shopify Sites & Apps is our thing

- Install our latest app Accessibly - Makes your store accessible for everyone, helps to avoid fines
- Inc 5000 | Shopify Parners | 20+ stores launched | 300+ active clients
- Need help with your Shopify store? Reach out to us!
1 Like
Highlighted
Excursionist
21 1 2

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

1 Like
Highlighted
New Member
1 0 0

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

0 Likes
Highlighted
New Member
4 0 0

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 

0 Likes