Debut theme - Move logo and cart icon.

Solved
Highlighted
Tourist
18 0 1

Skjermbilde.JPG

Hi. How can i move those elements (logo, cart and search icon) closer to the middle, to make them aligned with the width of the site. Not full width.

0 Likes
Highlighted
Shopify Expert
667 170 234

This is an accepted solution.

Hi, @Dekselportalen ,

This is Evita from On The Map.

 

This code will have the same container as the all the pages + responsive.

 

1. Go to Online Store->Theme->Edit code
2. Asset->theme.scss->paste bellow code in bottom of file

.site-header {
    padding-left: 55px;
    padding-right: 55px;
    max-width: 1200px;
    margin: 0 auto;
}
@media only screen and (max-width: 749px) {
.site-header {
padding-left: 22px!important;
padding-right: 22px!important;
}
}

 

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!
Highlighted
Shopify Partner
1829 211 384

Under Theme code editor, add the following snippet of code to the bottom of assets/theme.scss.css:

.site-header {
    padding: 0 255px;
}

You can play with the 255px adjusting it to your liking.

Sergiu Svinarciuc | CTO @ visely.io
- Was my reply helpful? Click Like to let me know!
- Was your question answered? Mark it as an Accepted Solution!
- To learn more about the awesome stuff we do head over to visely.io or our blog
Highlighted
Tourist
18 0 1

This was perfect! Thanks :D

Highlighted
Excursionist
13 0 4

How do I move the search icon where the shopping cart is?Screenshot (13).png

0 Likes
Highlighted
Shopify Partner
1829 211 384

@AW123 what's your store URL? Also, do you want the search icon instead of cart icon, or do you want to move it after the cart icon?

Sergiu Svinarciuc | CTO @ visely.io
- Was my reply helpful? Click Like to let me know!
- Was your question answered? Mark it as an Accepted Solution!
- To learn more about the awesome stuff we do head over to visely.io or our blog
0 Likes
Highlighted
Excursionist
13 0 4

My site is password protected, so I’ll email it to you.What’s your email address?

0 Likes
Highlighted
Shopify Partner
1829 211 384

you can send me a direct message through this forum, my email is ssvinarciuc@nemo.ai

Sergiu Svinarciuc | CTO @ visely.io
- Was my reply helpful? Click Like to let me know!
- Was your question answered? Mark it as an Accepted Solution!
- To learn more about the awesome stuff we do head over to visely.io or our blog
0 Likes
Highlighted
Excursionist
13 0 4

 I want to move it after the login icon, so between the login icon & the cart icon.

0 Likes
Highlighted
Shopify Partner
1829 211 384

I've sent you instructions through email, but thought you want to have it last in the list. The instructions are still valid, you just have to move it one block down. Drop me a note if you are still struggling with that.

Sergiu Svinarciuc | CTO @ visely.io
- Was my reply helpful? Click Like to let me know!
- Was your question answered? Mark it as an Accepted Solution!
- To learn more about the awesome stuff we do head over to visely.io or our blog
0 Likes