How can I move my cart to the navbar on mobile and desktop?

[maron1209]

Hi, 

I would like to move my shop cart to my navbar, right next the my logo as the other menu-item (see picture). I've tried added padding, which moved it closer to the logo, however it didn't stay in place when scaling to mobile/desktop. 

Any help would be much appreciated!

The cart is placed on the right by default. I would like it right next to the logo, as the same way with the Shop menu item.

[dmwwebartisan]

@maron1209 

Please share your store URL.

[maron1209]

I have sent you a private message. 

[dmwwebartisan]

@maron1209 

Please add the following code at the bottom of your assets/theme.css file.

@media only screen and (min-width: 750px){
.site-header__icons-wrapper{
justify-content: flex-start !important;
}
.site-header .grid__item.medium-up--one-third.medium-up--push-one-third.text-right.site-header__icons {
    left: 28%;
}
}

Hope this works.

Thanks!

[maron1209]

It works! Thank you! However, when I am scaling the website, the cart menu-item is moved closer to the logo. Is it possbile to set a fixed distance between the logo and the cart menu-item?

[dmwwebartisan]

@maron1209 

Ok, I will check and get back to you with a solution.

[maron1209]

---

@dmwwebartisan wrote:

@maron1209 

Ok, I will check and get back to you with a solution.

---

Thank you! 

[maron1209]

Did you manage to get another look at it? I still haven't been able to fix it. 

[dmwwebartisan]

@maron1209 

Yes, I checked but it will take time to fix and need to make customization. Hope you understand.

[maron1209]

Yes of course I fully understand 🙂