How to decrease the space between icons and logo header

[NOT1]

I want to make the search & cart and the menu button more close to the logo in dawn theme mobile header  

Thanks in advance : )

[BSS-TekLabs · Accepted solution]

- Here is the solution for you @NOT1 

- Please follow these steps:

- Then find the theme.liquid file.
- Then add the following code at the before tag </head> and press 'Save' to save it.

<style>
.header {
    padding-left: 4rem;
    padding-right: 4rem;
}
</style>

Copy

- Here is the result you will achieve:

- Please press 'Like' and mark it as 'Solution' if you find it helpful. Thank you.

[GTLOfficial · Accepted solution]

Hello @NOT1 

Go to online store ----> themes ----> actions ----> edit code---->base.css
add this code at the end of the file.

@media screen and (max-width: 749px) {
.header {
padding: 6px 6rem 4px 6rem;
}

result

If this was helpful, hit the like button and accept the solution.
Thanks

[BSS-TekLabs · Accepted solution]

- Here is the solution for you @NOT1 

- Please follow these steps:

- Then find the theme.liquid file.
- Then add the following code at the before tag </head> and press 'Save' to save it.

<style>
.header {
    padding-left: 4rem;
    padding-right: 4rem;
}
</style>

Copy

- Here is the result you will achieve:

- Please press 'Like' and mark it as 'Solution' if you find it helpful. Thank you.

[Sangeetanahar]

hello @NOT1 

Go to online store ----> themes ----> actions ----> edit code ---->assets ----> base.css...>

add the code end of the file

@media screen and (min-width: 750px) {
etails-modal.header__search {
   
    margin-right: -17px;
}
}

result

[GTLOfficial · Accepted solution]

Hello @NOT1 

Go to online store ----> themes ----> actions ----> edit code---->base.css
add this code at the end of the file.

@media screen and (max-width: 749px) {
.header {
padding: 6px 6rem 4px 6rem;
}

result

If this was helpful, hit the like button and accept the solution.
Thanks

[Sangeetanahar · Accepted solution]

hello @NOT1 

Go to online store ----> themes ----> actions ----> edit code ---->assets ----> base.css...>

add the code end of the file

@media screen and (min-width: 750px) {
    header-drawer {
    justify-self: start;
    margin-left: 2.8rem;
}
.header__icons {

    margin-right: 30px;
}
}

 thanks