Show Customer account on mobile and placing the search and account icon on the left (Shopify Dawn )

[LarsSchumi]

Hey,

Is it possible to show the customer account symbol and the search symbol on the left. Logo needs to be in the middle as it is now.

Example of how i want it:

How i have it now:

You would help me a lot thanks!

 

[Dawood_Mirza_]

Please share your store URL,
Modifying Header.liquid file will help
Have you ever changes anything in that file let me know?

BR
Dawood Mirza

[LizHoang]

Hi @LarsSchumi, thanks for your question.

In this case, you can consider editing code in your Theme. Please go to Shopify admin > Theme > Edit code > insert the below custom CSS at the end of the base.css code: 

@media screen and (max-width: 767px) {

.header__search {

     position: absolute;

     left: 100px !important;

}

.header__search:has(details[open='true']) {

     position: initial !important;

}

.header__icon--account.small-hide {

     display: block !important;

     position: absolute;

     left: 70px;

}

svg.icon.icon-account {

     height: 4.4rem !important;

}

} 

This is the expected result: https://prnt.sc/U1jb9OUVoZ2q

I hope it'll be helpful.

Liz.