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

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

ti7
Excursionist
38 0 4

IMG_3739.jpeg

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/

Replies 4 (4)

Vinsinfo
Shopify Partner
352 125 118
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.
priyavinsinfo_0-1707128622116.png
 
Please let me know whether it is useful for you.
Please reach out to bizdev@vinsinfo.com for any enquires related to Shopify.
Our Services: Custom Theme Development, Theme Customization, Custom Feature Implementation, Data Migration, Custom APP Development, Website Optimization and Google Merchant Center Support
ti7
Excursionist
38 0 4

Hi on mobile it is still in the wrong order 

Vinsinfo
Shopify Partner
352 125 118

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

Please reach out to bizdev@vinsinfo.com for any enquires related to Shopify.
Our Services: Custom Theme Development, Theme Customization, Custom Feature Implementation, Data Migration, Custom APP Development, Website Optimization and Google Merchant Center Support
ti7
Excursionist
38 0 4

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