Move navigation button to the left for phone (HEADER)

Solved
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?

problem.jpgThe Problem

0 Likes
Shopify Expert
665 170 199

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
Shopify Expert
665 170 199

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
Excursionist
21 1 2

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

0 Likes

Success.

Shopify Expert
665 170 199

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