How can I rearrange icons on my mobile site?

[ti7]

 how do I change it so it’s in this order- Search,customer account,cart. It’s in the order I want it to be in on the web but not mobile. This is my website-https://7bkhzx9sie1fpg19-79986622787.shopifypreview.com

[BSS-Commerce]

Hi @ti7 ,

Please follow these steps:

Then find the base.css file and add the following code:

@media screen and (max-width: 767px)
a.header__icon.header__icon--account.link.focus-inset.small-hide {
    margin-right: -17px;
}
@media screen and (max-width: 749px)
details-modal.header__search .header__icon--search {
    right: 100px !important;
}

Then press "Save" to save the above code.

- Result you will achieve:

Hope it helps @ti7 

[ti7]

Hi i tried this as shown below but it still didn't work i also tried to put it under the schema part but it didn't work any suggestions on what I'm doing wrong