How can I rearrange header icons on mobile for my online store?

[ti7]

 

How do I get it in the order search,customer account,cart. It’s in that order on the web but not on mobile this is my store.

https://7bkhzx9sie1fpg19-79986622787.shopifypreview.com/

[Vinsinfo]

Position is used for search icon below 767px. We need to remove this code to display in the order search, customer account, cart.

Please find "details-modal.header__search .header__icon--search" in your theme liquid files and remove the "position and right" css properties for media queries max-width: 767px and max-width: 749px. If you feel troubling in finding it, please paste below code at bottom of the file in base.css.

details-modal.header__search .header__icon--search {
    position: unset !important;
}

Now, it will look like the below attached image.

Please let me know whether it is useful for you.

[ti7]

Hi on mobile it is still in the wrong order 

[Vinsinfo]

@ti7 Can you please share screenshot and code for how you are trying?

[ti7]

the screenshot you shared was for the web but on mobile it is still in the wrong order which is what im trying to change