How can I evenly space and resize header icons for mobile view?

ti7
Excursionist
37 0 4

Can anyone help to make the header icons look more neat by separating them out an equal distance and making them the same size. It looks fine on web but not on mobile thus is my preview. https://29ea2f-3.myshopify.com/

Replies 5 (5)

Rishihuptech
Shopify Partner
430 73 76

Hi @ti7 
The link is password protected can you share the preview password

If you found this response helpful, please do like and accept the solution. Thanks!
Need support with Customizing your Shopify store?
Feel free to contact me at info@huptechweb.com or Visit our website Huptech Web.
Instant Shortcode Builder: Integrate customizable UI features anywhere in your store - No coding knowledge required
ti7
Excursionist
37 0 4

I’ve now put no password required 

https://29ea2f-3.myshopify.com/

techlyser_web
Shopify Partner
1423 268 282

Hello @ti7 
password?

Techlyser || Shopify Partner || Helping eCommerce Stores
- Was my reply helpful? Click Like to let me know!
- Was your question answered? Mark it as an Accepted Solution.
- For further discussion contact: Email ID- info@techlyser.com
ti7
Excursionist
37 0 4

I’ve now put no password required now 

https://29ea2f-3.myshopify.com/

techlyser_web
Shopify Partner
1423 268 282

You can add code by following these steps

1. Go to Online Store -> Theme -> Edit code.
2. Open your theme.liquid file

3. Paste the below code before </body> on theme.liquid

<style>
.header__icons {
   padding-right: unset !important;
}
</style>

Techlyser || Shopify Partner || Helping eCommerce Stores
- Was my reply helpful? Click Like to let me know!
- Was your question answered? Mark it as an Accepted Solution.
- For further discussion contact: Email ID- info@techlyser.com