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

Store Design
1

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.
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.2880×1638 839 KB

1 Like
2

@maron1209

Please share your store URL.

3

I have sent you a private message.

1 Like
4

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

5

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?

1 Like
6

@maron1209

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

7

Thank you!

8

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

9

@maron1209

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

10

Yes of course I fully understand :slightly_smiling_face: