Icon arrangement

35 0 4


 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

Replies 2 (2)

Shopify Expert
3376 447 495

Hi @ti7 ,

Please follow these steps:

view - 2024-02-06T093217.632.png

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:

view - 2024-02-06T093323.470.png

Hope it helps @ti7 

If our suggestions are useful, please let us know by giving it a like or marking it as a solution.

For B2B solutions and custom pricing, check out B2B Solution & Custom Pricing |
For adding product labels/badges, visit Product Labels by BSS

BSS Commerce - Shopify Apps & Store Development Service Provider

Hire a Shopify expert | Shopify Plus Store Development

35 0 4

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'mcode.PNG doing wrong