Debut theme - Move logo and cart icon.

Solved
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

Success.

Shopify Expert
665 170 199

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!
1 Like
Shopify Partner
1167 134 206

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
1 Like
Tourist
18 0 1

This was perfect! Thanks :D

1 Like