Debut theme - Move logo and cart icon.

18 0 1


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.



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;



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 @
- 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 or our blog
1 Like
18 0 1

This was perfect! Thanks :D

1 Like