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

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

ti7
Excursionist
38 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)

Huptech-Web
Shopify Partner
941 188 197

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
38 0 4

I’ve now put no password required 

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

niraj_patel
Shopify Partner
2378 514 512

Hello @ti7 
password?

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
38 0 4

I’ve now put no password required now 

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

niraj_patel
Shopify Partner
2378 514 512

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>

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